-
Make arrow buttons always be shown within html number input
To make sure the arrows always show when using a number type input box try: input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; }
-
Remove yellow background for Google Adsense ads that don’t fill all of intended space
Ever see an ad that didn’t fill the whole space it was intended for? Then the extra space changes an awful shade of yellow? Finally, the answer to this problem is as easy as adding a line of CSS. Change the background color of the ins element in CSS to match the background color of…
-
Change your cursor or pointer to a hand on hover with css
Sometimes when I create a link, the cursor doesn’t change to a hand to help the user understand they can click on element. Thus, its helpful to have the cursor change to a hand on hover. No need for javascript or jquery here, you can easily implement the effect with CSS. The CSS .myElement:hover {…
-
Force links to open in a new tab, not a new window
Yes it is possible with CSS to have links open in new tabs or new windows. I discovered this issue when testing target=”_blank” in IE9/IE10 versus Chrome. <a href=”[yourlink]” target=”_blank” style=”target-new: tab;”>GetPowers</a> Or you could put it in the header as: <html> <head> <style> a { target-new:tab; } </style> </head> <body> There are some options…
-
Disable resize for textarea tags
This little bit of css will disable resizing of textarea boxes. textarea { resize:none; }