Đặt thuộc tính kích thước của thẻ thông qua css?

Question

Thông thường bạn có thể làm điều này:

<select size="3"> 
    <option>blah</option> 
    <option>blah</option> 
    <option>blah</option> 
</select> 

Và nó sẽ trả lại như một selectionbox nơi cả ba tùy chọn có thể nhìn thấy (không rơi xuống)
Tôi đang tìm kiếm một cách để thiết lập thuộc tính kích thước này từ css.

Answer 1

Không có tùy chọn để đặt kích thước, nhưng nếu bạn đặt kích thước, một số trình duyệt sẽ cho phép bạn đặt thuộc tính chiều rộng/chiều cao thành bất kỳ thứ gì bạn muốn qua CSS.

Một số = Firefox, Chrome, Safari, Opera.

công trình

Không có nhiều trong IE mặc dù (không ngạc nhiên)

Bạn có thể tuy nhiên, nếu bạn muốn, biểu thức sử dụng CSS trong IE, để kiểm tra xem các thuộc tính kích thước được thiết lập, và nếu như vậy, chạy JS để (lại) đặt nó thành kích thước bạn muốn ... ví dụ

size = options.length; 

Answer 2

Tôi không tin rằng điều này là có thể không

Answer 3

Tôi không nghĩ rằng điều này là có thể.

Thuộc tính CSS rất chung chung (áp dụng cho bất kỳ phần tử nào) và không thể thay đổi chức năng của phần tử theo bất kỳ cách nào (chỉ là giao diện).

Kích thước thuộc tính đang thay đổi các chức năng của phần tử ít nhất là trong trường hợp kích thước = 1/size! = 1.

Answer 4

Nói chung bạn không thể thêm thuộc tính được đặt trong html qua CSS. Bạn có thể thêm vào html bằng cách sử dụng bộ chọn giả: trước và sau, nhưng đó là về nó, cộng với chúng vẫn không tương thích trên tất cả các trình duyệt. Nếu bạn thực sự cần phải làm điều này, tôi nghĩ bạn sẽ phải sử dụng Javascript.

Answer 5

tôi không đồng ý, tôi đã có thể thiết lập chọn chiều rộng và chiều cao sử dụng CSS với một cái gì đó như thế này:

select { width: 5em; height: 5em; } 

trình trong IE (7) cũng như tôi chỉ thử nghiệm nó.

Answer 6

Hãy thử điều này:

select[attr=size] { 
    width:auto; 
    height:auto; 
} 

Answer 7

Bạn có thể sử dụng sau CSS selector để mục chọn phong cách với các thuộc tính kích thước:

select[size]{ 
/*your style here */ 
}