Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

IE (10) how to remove dotted outline of input element

IE (10) Is it possible to remove dotted outline of input element?

dotted outline in IE10

like image 374
WHITECOLOR Avatar asked May 11 '13 18:05

WHITECOLOR


People also ask

How do I get rid of the dotted border?

Removing Dotted Lines Border Select the cells from which you want to remove the dotted border. Click the Home tab. In the Font group, click on the 'Border' drop-down. In the border options that appear, click on 'No Border'

How do I get rid of the dotted border when I click a link?

You can remove such dotted outline from around a link. Thankfully, CSS specifications have a very easy way to do away with active link outline. Just set the outline attribute of the anchor style to none.

How do I remove the outline of a TextBox in HTML?

Answer: Use CSS outline propertyIn 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 .


1 Answers

IE does not draw an outline for input elements by default. So you need to find out what in your style sheets causes it and remove or override the relevant setting. For an override, you can use

input { outline-style: none }

But depending on the style sheet that causes the problem, you may need to make the selector more specific and/or add !important.

like image 75
Jukka K. Korpela Avatar answered Nov 15 '22 12:11

Jukka K. Korpela