01/10/2018, 14:10

Nhờ viết đoạn CSS cho tag select

Mình có 1 select để làm giống ComboBox trên các App desktop

<select>
<option>Option1</option>
<option>Option2</option>
<option>Option3</option>
<option>Option4</option>
</select>

Hiện tại cái danh sách của nó đang có background màu trắng chữ đen border 1px màu đen.
Nhờ các bạn biết css custom nó có background = rgba(255,255,255,0.01) , chữ trắng và border 1px = rgba(255,255,255,0.1).

Xin cảm ơn nhiều.

Hung viết 16:14 ngày 01/10/2018

Tự tạo 1 Select giả (input + div), user thao tác với select giả. Dưới HTML vẫn có thẻ <select> nhưng display: none; để ẩn đi. JS nhận event từ select giả để chọn trên select ẩn (thật).

select, checkbox, radiobutton khi custom mình đều làm vậy.

Văn Dương viết 16:12 ngày 01/10/2018

Không có cách nào khác à bạn ?

Vì không lại phải viết mấy hàm java cho cái select giả

ATuan viết 16:20 ngày 01/10/2018

bạn thử làm theo hd này xem

stackoverflow.com
ngplayground

How to change select box option background color?

html, css, select, background-color
asked by ngplayground on 09:18AM - 11 Oct 12

Hung viết 16:27 ngày 01/10/2018

Số lượng CSS tác động được lên <input> không nhiều, với lại mỗi browser hiển thị khác nhau.
Do đó để dễ custom và chạy được trên nhiều browser chỉ có cách làm giả thôi.

Văn Dương viết 16:22 ngày 01/10/2018

Cái này chỉ là thay đổi backgound của select và option thôi.
Cái đó mình làm được rồi. Cái mình muốn là thay đổi của cái menu chứa các option.

Bài liên quan
0