2012-03-28 29 views
5

thể trùng lặp:
CSS Select SelectorCSS styling đầu vào [type = "??"] cho chọn danh sách

CSS tương đương là gì sau khi giao dịch với các danh sách chọn?

input[type="text"] 
input[type="submit"] 
+0

Hãy bắt đầu ngay từ đầu. Bạn tạo HTML của mình như thế nào? Bạn không viết nó bằng tay, phải không? –

+0

No. AJAX được tạo. Tôi đang thử nghiệm với nhiều phương tiện khác nhau để có kiểu dáng chung được áp dụng cho nhiều biểu mẫu. – Nick

+0

các đầu vào này phải có một số phụ huynh cũng hoặc một số yếu tố khác có thể được sử dụng làm tài liệu tham khảo –

Trả lời

21

Các input[type="text"] chọn CSS có thể được chia nhỏ thành;

  1. input; tìm tất cả các phần tử là các phần tử input.
  2. [type="text"]; lọc những phần tử đó theo các thuộc tính có thuộc tính type của text.

Vì hộp chọn là một thành phần <select> thay vì <input type="select" />, bạn chỉ có thể sử dụng công cụ chọn select như sau;

select { 
    /* blah blah blah*/ 
} 
-4

select

+3

Điều đó không chính xác, nhưng câu trả lời một từ ít hữu ích hơn câu trả lời hay. –

+0

một câu trả lời là không tốt – salah9

+0

CSS chọn hoặc HTML? @ niet-the-dark-absol, mang tính mô tả hơn! :-) – MAbraham1

4

chọn không phải là một loại đầu vào như những người trong ví dụ của bạn, vì vậy bạn không thể sử dụng một bộ chọn thuộc tính khi bạn nhắm mục tiêu một select

1
select { 
    border:1px solid green; 
} 

    select option { 
    font-weight:bold; 
    } 
2

Như Fabrizio-Calderan nói , chọn không có thuộc tính type. Tuy nhiên, bạn có thể sử dụng dữ liệu bất động sản và phong cách yếu tố của bạn dựa trên này

thấy ở đây: Select elements by data attribute in CSS

Tại sao không sử dụng một lớp học để định dạng?

Pseudo code:

<select> 
    <option class="wise"> 
    <option class="not-so-wise"> 
    <option class="meh"> 
</select> 
Các vấn đề liên quan