css - on hover for icon-caret-down -


Is it possible to increase the effect on icon-care-down? I used CSS for Icon-Carat Down My code is as follows:

  .inon-caret-down: {content: "before \ f0d7"; Font-family: 'fontawesome alloy'; Talk: None; Font-style: normal; Font-weight: normal; Font-version: general; Change the text: none; Line-height: 1; -webkit-font -Tracking: Antialias; Vertical-line: baseline; Background-position: 0; Repeat Background: Repeat; Margin-top: 0; }  

I tried to add some effects to the hover, but did not work

  .inon-caret-down: before: hover {color: Red; }  

is HTML:

   

thanks

Why are you using First: This does not seem relevant just add : hover

  .inon-caret-down: {content: before "▼"; Font-family: 'Ariel'; Talk: None; Font-style: normal; Font-weight: normal; Font-version: general; Change the text: none; Line-height: 1; -webkit-font -Tracking: Antialias; Vertical-line: baseline; Background-position: 0; Repeat Background: Repeat; Margin-top: 0; } .inion-carit-down: hover {color: red; }  Usage : hover: before   


Code>

  .in-carit-down: {content before: "\ f0d7"; Font-family: 'fontawesome alloy'; Talk: None; Font-style: normal; Font-weight: normal; Font-version: general; Change the text: none; Line-height: 1; -webkit-font -Tracking: Antialias; Vertical-line: baseline; Background-position: 0; Repeat Background: Repeat; Margin-top: 0; Cursor: indicator; Background: # 27a7eb; Color: #fff; Border-Radius: 50%; Font-size: 14px; Height: auto; Margin-left: 5px; Padding: 1 px 4px; Width: Auto; }. In-carit-down: hover: first {background: # b 00; }  



Comments

Popular posts from this blog

winforms - C# Form - Property Change -

javascript - amcharts makechart not working -

java - Algorithm negotiation fail SSH in Jenkins -