現在使用手機端進行網頁查詢已經成為了人們日常生活中的一部分,而查詢框的樣式也成為了很多網頁設計師所關注的焦點。下面,就來介紹一些手機端查詢框的css樣式。
/*設置輸入框的圓角*/ input[type="text"],input[type="password"],input[type="email"] { border-radius: 5px; } /*設置輸入框的邊框樣式和大小*/ input[type="text"],input[type="password"],input[type="email"] { border: 1px solid #ccc; } /*設置輸入框的寬度和高度*/ input[type="text"],input[type="password"],input[type="email"] { width: 100%; height: 40px; } /*設置輸入框內的文字顏色*/ input[type="text"],input[type="password"],input[type="email"] { color: #555; } /*設置輸入框內文字大小和字體*/ input[type="text"],input[type="password"],input[type="email"] { font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
通過以上的css樣式,我們可以輕松地設置手機端查詢框的外觀,使得用戶在進行查詢時有更好的體驗。
上一篇css設置滾動條底部