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
Post a Comment