Set the CSS outline property to none.
input[type="text"], input[type="password"], textarea, select {
outline: none;
}
In cases where the browser may add a background color as well this can be fixed by something like
:focus { background-color: #fff; }
More Related Contents:
- Change a HTML5 input’s placeholder color with CSS
- How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
- How can I force WebKit to redraw/repaint to propagate style changes?
- What is a user agent stylesheet?
- How to style a select tag’s option element?
- See :hover state in Chrome Developer Tools
- How to apply specific CSS rules to Chrome only?
- Is there any “font smoothing” in Google Chrome?
- Freeze screen in chrome debugger / DevTools panel for popover inspection?
- less.js not working in chrome
- How to force Chrome browser to reload .css file while debugging in Visual Studio?
- Background Image for Select (dropdown) does not work in Chrome
- Google chrome a:visited background image not working
- Chrome Developer Tools: How to find out what is overriding a CSS rule?
- image moves on hover – chrome opacity issue
- Webkit CSS to control the box around the color in an input[type=color]?
- Webkit bug with `:hover` and multiple adjacent-sibling selectors
- Font-size issues comparing chrome and Firefox
- What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
- Allowed characters for CSS identifiers
- Chrome renders colours differently from Safari and Firefox
- Changing an input’s HTML5 placeholder color with CSS does not work on Chrome
- font-face with wrong MIME type in Chrome
- Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
- how to override font boosting in mobile chrome
- chrome : how to turn off user agent stylesheet settings?
- Font-size
- -webkit-font-smoothing property has no effect in Chrome
- Combine CSS Attribute and Pseudo-Element Selectors?
- How to Make Select Element be Transparent in Chrome?