Hi I want to get rid of the blue "shine" that appears when you click on a text field and begin to input data. How is this done?
I am a beginner so I am not that experienced. My code is:
<input type="text" name="search" size="40" value="Job Title e.g. Assistant Manager" style="background-color:white; border: solid 1px #6E6E6E; height: 31px; font-size:16px; vertical-align:0px;color:#bbb" onfocus="if(this.value == 'Job Title e.g. Assistant Manager'){this.value = '';this.style.color='#000'}" />
Thanks!
James
Answer: Use CSS outline property In Google Chrome browser form controls like <input> , <textarea> and <select> highlighted with blue outline around them on focus. This is the default behavior of chrome, however if you don't like it you can easily remove this by setting their outline property to none .
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.
This CSS snippet should work in all major browsers:
input:focus { outline:none; }
If it doesn't, try adding the !important
directive:
input:focus { outline:none !important; }
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