Tôi đang cố gắng để làm cho một chiều cao cao nhưng CSS không ảnh hưởng đến nó. Mã của tôi là như thế này:loại đầu vào = tìm kiếm không chấp nhận chiều cao
HTML:
<input type="search" />
CSS:
input{width:100%; height:100px;}
Nhưng nó không hoạt động. Hãy nhìn vào fiddle here
Xem http://trentwalton.com/2010/07/14/css-webkit-appearance/
mặc định Webkit (hijacks) để sử dụng một trường tìm kiếm bản địa, nhưng bạn có thể ghi đè bằng:
-webkit-appearance:none;
Tuyệt vời! Chỉ trong trường hợp, có cách nào để làm cho nút x bên trong nó lớn hơn không? – Mohsen
@Mohsen - Tôi chỉ đoán thực sự nhưng tôi muốn nói rằng bởi vì nó là một thành phần gui bản địa bạn không thể phong cách nó với css cả. – hooleyhoop
-webkit-appearance:textfield;
box-sizing: content-box;
http://tonibarrett.com/forcing-my-style-onto-input-typesearch/
điều này đã giải quyết được sự cố của tôi
Bạn phải viết
input[type="search"]{width:100%; height:100px;}
thay vì
input{width:100%; height:100px;}
Cách đơn giản nhất để thay đổi IMHO gõ 'tìm kiếm' gõ 'text' hoặc thả web-kit-xuất hiện như đã đề cập ở trên.
Bạn đang thử nghiệm trình duyệt nào? Nó hoạt động tốt trong Firefox 6.0 chẳng hạn. – Guffa
Nó hoạt động cho tôi; cả hai đầu vào có cùng kích thước. Chromium 12. – Bojangles
Cũng trong Internet Explorer 9, Opera 11.50 và Chrome 13. – Guffa