Home >Web Front-end >HTML Tutorial >After clicking on the input box in the Chrome browser, a yellow rectangular box will appear. How can I remove this? _html/css_WEB-ITnose

After clicking on the input box in the Chrome browser, a yellow rectangular box will appear. How can I remove this? _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:20:031831browse

After clicking on the input box in the Chrome browser, a yellow rectangular box will appear. How do I get rid of this?
input, button, select, textarea{outline:none}; still can’t remove the yellow box


Reply to discussion (solution)

This is added by the browser The style cannot be changed

I tested that it can be removed, can you post more code to see?

I tested it, the code is as follows:

<!doctype html><html>   <head>      <meta charset="utf-8" />      <title>Temp Web Page</title>      <style type="text/css">         input,button,select,textarea{outline:none}      </style>   </head>   <body>      <form name="form2" method="post" action ="login.php">         <div id="login">            用户名:<input type="text" id="user" name="user"/>            密码:<input type="password" id="pass" name="pass"/>            <input type="submit" id="abv" value="登录"/>         </div>         <textarea name="" id="" cols="30" rows="10"></textarea>         <select name="" id="">            <option value="123">abc</option>            <option value="456">cde</option>            <option value="789">fgh</option>         </select>      </form>   </body></html>        


Win7 SP1, Chrome 26 stable version

outline:none should be ok

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn