Rumah > hujung hadapan web > html tutorial > 点击Chrome浏览器里的输入框后,会出现一个黄色的矩形框,怎么去掉这个?_html/css_WEB-ITnose

点击Chrome浏览器里的输入框后,会出现一个黄色的矩形框,怎么去掉这个?_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:20:03
asal
1817 orang telah melayarinya

点击Chrome浏览器里的输入框后,会出现一个黄色的矩形框,怎么去掉这个?
input,button,select,textarea{outline:none};还是去不掉黄色方框


回复讨论(解决方案)

这是浏览器加上去的样式,没法改的

我测试是可以去掉,你发多点代码看看?

我测试的也可以呀,代码如下:

<!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>        
Salin selepas log masuk


Win7 SP1,Chrome 26 稳定版

outline:none应该是可以的

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan