輸入框 按鈕 下拉框

2021-10-03 13:44:01 字數 705 閱讀 1853

1、只有下劃線的文字框:

2、軟體序列號式的輸入框:

—————

3、軟體序列號式的輸入框(完整版):

—————

4、輸入框景背景透明:

5、滑鼠劃過輸入框,輸入框背景色變色:

6、輸入字時輸入框邊框閃爍(邊框為小方型):

7、輸入字時輸入框邊框閃爍(邊框為虛線):

8、自動橫向廷伸的輸入框:

9、自動向下廷伸的文字框:

一、按鈕樣式

.buttoncss

二、藍色按鈕

.bluebuttoncss

三、紅色按鈕

.redbuttoncss

四、選擇按鈕

.selectbuttoncss

五、綠色按鈕

.greenbuttoncss

六、影象按鈕

.imagebutton

七、頁面正文

body

td th

八、下拉選擇框

select

九、線條文字編輯框

.editbox

十、多行文字框

.multieditbox

十一、陰影風格的表單

.shadow

十二、只顯一條橫線的輸入框

.logintxt

十三、沒有邊框的輸入框

.noneinput

解決input輸入框與select下拉框水平不對齊

1 試了下其他帖子說的在select裡面加 style vertical align middle 沒有效果,請教了一下前端同事,解決了。class x aaaa value 嘿嘿嘿嘿 style width 300px height 35px float left bbbb style width...

可輸入的下拉框

可輸入的下拉框 title head body divstyle position relative span style margin left 100px width 18px overflow hidden select style width 118px margin left 100px ...

可輸入的下拉框

可輸入的下拉框 title p head p body p p div style position relative p span style margin left 100px width 18px overflow hidden p select style width 118px margi...