Jump to content
  • 0

Подсветка чекбокс при наведении


yaparoff
 Share

Question

Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки

Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс.

Как прописать его поведение при наведении?

 

Попробовал    .form-checkbox__label::before:hover  - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет

 

http://codepen.io/anon/pen/gaqZYd

Edited by yaparoff
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Dos1er
      Приветствую! 
      Подскажите, плиз, как сделать чекбокс как на скрине? 
      Я новичок в верстке и что-то не могу разобраться в кастомизации данной штуки

    • By JeraxXai
      столкнулся с такой проблемой, имеем форму <form action="action.php" method="POST"> ,в ней находятся около 130 чекбоксов, все в разных divах, чекбоксы имеют вид 
      <label><input type="checkbox" name="id_1" class ="list" value ="#EXTINF:0,UA:Перший http://puuuuruuuu.ps/pershiy/mpegts"> <span class="spanchik"> <img title="UA:Перший / Эра" data-id="1" alt="UA:Перший / Эра" src="images/inf/1pershiy.png" style="max-width: 100%;max-height: 90%;width:auto;"> </span> </label> у каждого чекбокса свой name="id_1" , "id_2" и по нарастающей. Так к чему я веду, сколько гугла не перегуглил, не могу найти информацию о том, как сделать кнопки, или чекбоксы, которые будут отмечать к примеру первые 20 чекбоксов, далее другие 20 чекбоксов, вплоть до последнего div a 
    • By WhatIsHTML
      Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? 
      К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked
      https://jsfiddle.net/k4nq7paL/
    • By Maximiroon
      Привет ! проблема в том что, при 1 нажатии на чекбокс галочка ставится, при втором убирается. при третем  ставится , и больше не убирается хоть сколько тыкай.
      как лечить?



    • By WhatIsHTML
      Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему?
       
      https://jsfiddle.net/o3720fkn/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy