html - Add a left only border on hover CSS -
I show an element on the left edge when it is hovering over it. Currently I have set to use a top border as a divider and correct, bottom and left boundaries are set to 0.
.post.reply {font-family: 'Arial', without - Serif! Important; Font size: 8pt! Important; Background: #fafafa! Important; Color: # 1 A1A1A! Important; Width: 100%! Important; Border below: 0! Important; Border-top: 3! Important; Border-left: 0! Important; Border-right: 0! Important; Border color: #CECECE! Important; }
and this is the hover
.post.reply: hover {box-shadow: # 444 0 px! Important; Border-left: 4px! Important; }
Other things work right in the hover section, but refuses to show the limit. I'm pretty sure that's because it's set above 0, but hover But should not it be different? Any help appreciated.
This should be your overall CSS and it will work perfectly:
.post.reply {font-family: 'Ariel', without-serif! Important; Font size: 8pt! Important; Background: #fafafa! Important; Color: # 1 A1A1A! Important; Width: 100%! Important; Border-top: 3px solid # ccese! Important; Border Bottom: None! Important; Border-left: no one! Important; Boundary-right: no one! Important; } .post.reply: hover {box-shadow: # 444 0 px! Important; Border-left: 4px solid # ccce! Important; }
I have also created a quick for you, besides, if you do not really need them, then you have all the Important
Should be removed from
Comments
Post a Comment