Checkbox background color


0

Здравейте колеги, доста рових в нета преди да реша да отворя тема, но не успях да открия топлата вода. Правя 2-ра задача от първото домашно и стилизирането на chackbox-a ме изкриви, а резултат все още няма :D интересува ме, дали някои знае как да задам фон вътре в checkbox-a, и да сменя цвета на тикчето. Също така на примера се вижда и нещо като сянка вътре в чекбокса. Мерси!




Отговори



2
Общо взето тук е разчоплена темата.



1
Благодаря ти!



0

Здравей,

според мен просто трябва дa направиш следното:

<input type="checkbox" disabled="disabled" />

Мисля, че това е напълно достатъчно, няма смисъл да отделяш време за смяна на цветовете :)

Успех :)




0
Просто го направи го disabled и това е, както казва колегата по-горе. Няма смисъл да се опитваш да го докараш на вид/цвят същия, защото това зависи от браузъра, че и от версията му. И пак ще са различни. 

от mitku (334 точки)


0
table input[type="checkbox"]{ margin:0 2px; border-radius: 0; border: 1px solid #b1b1b1; background: #d4d0c8; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 13px; width: 13px; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; min-width: 13px; -webkit-appearance: none; -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.8), 1px 1px 1px rgba(255,255,255,.8); box-shadow: inset 1px 1px 1px rgba(0,0,0,.8), 1px 1px 1px rgba(255,255,255,.8); } table input[type="checkbox"]:checked:before{ font-family: dashicons; font-size: 19px; line-height: 13px; content: "\f147"; float: left; display: inline-block; vertical-align: middle; width: 13px; height: 13px; margin-left:-4px; }

vij v neta kakvo sa dashicons i si gi iztegli. Tova e samo za webkit, ostanalite browseri si ppavqt kakvoto si izkat :D




0

Здравей!

Ето този линк може да е ти е от полза.


от d3n1000 (35 точки)