I’ve built an HTML form for an email signup. When you click in the email input's textarea, a blurred gray border surrounds it in Chrome. How can I turn this off?
http://jsfiddle.net/danielredwood/7Hs2r/
Thank you!
If some div is clickable, this works too div:focus { outline: none; } to get rid of the blue outline.
border: none transparent; outline: none; This will not only remove the border around the input field but also the orange highlight when the input is in focus. +1 outline:none makes the border disappear even when the input is focused.
Select the text that you want to remove highlighting from, or press Ctrl+A to select all of the text in the document. Go to Home and select the arrow next to Text Highlight Color. Select No Color.
We can specify the no border property using CSS border: none, border-width : 0, border : 0 properties. Approach 1: We will give border-color, border-style properties to both headings, for showing text with border and no-border. For no border heading, we will use the border-width : 0 which will result in no border.
Use outline: none;
on the CSS for the input element.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With