css：鼠标点击出现有颜色的边框？如何解决

今天遇到上图这样出现有颜色的边框

解决办法:

css设置属性 outline:none;

时间： 2024-09-29 17:08:17

css：鼠标点击出现有颜色的边框？如何解决的相关文章

CSS设置点击前后的颜色变化

加到你的CSS样式表里body {color: #颜色代码 !important} /*设置全局没链接的文字颜色*/ a:link {color: #颜色代码 !important} /*设置全局未点击链接的颜色*/ a:visited {color: #颜色代码 !important} /*设置全局被点击后的链接颜色*/ a:hover {color: #颜色代码 !important} /*设置全局鼠标悬停在链接上未点击时的颜色*/ a:active {color: #颜色代码 !impor

CSS鼠标点击式变化图片透明度

今天分享前端代码主题:jequery控制css图片透明度 很多时候在网站图片处理上需要实现一些辅助效果,比如鼠标在图片上滑动时或点击时改变图片颜色(变灰或者其他),其实一个简单的办法就是改变图片css透明度属性. 如何改变呢?一种是纯css,一种使用jquery或者javascript代码控制.第一种使用:hover伪类选择器,本示例使用第二种. 先看最后效果: 第一步:放置图片 <ul id="test">        <li>            <

bootstrap的button按钮点击之后会有蓝色边框怎么解决?

.btn:focus,.btn:active:focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn.active.focus { outline: none; border-color: transparent; box-shadow:none; } 原文地址:https://www.cnblogs.com/sllzhj/p/8759200.html

鼠标点击出现爱心+社会主义价值观+随机颜色的文字+鼠标cursor自定义图片

js动画--鼠标点击出现爱心 只需将如下JS代码放到</body>之前就好了 <script type='text/javascript' src='//api.dujin.org/js/aixintexiao.js'></script> 完整代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

css相关,鼠标点击&lt;input&gt;输入域后出现有颜色的边框

css相关,鼠标点击<input>输入域后出现有颜色的边框,如果使用css,将这个鼠标点击输入域后产生的边框去掉呢?下面是截图 鼠标未点击前: 鼠标点击后: 根据大家的办法实现不了的,即使可以改变颜色,但是那条有颜色的线还是无法消除.下面是我的html和css代码: html: <input type="text" name="content" id="input_box"> css: #input_box{ border

鼠标点击连接时的颜色

加到你的CSS样式表里body {color: #颜色代码 !important} /*设置全局没链接的文字颜色*/a:link {color: #颜色代码 !important} /*设置全局未点击链接的颜色*/a:visited {color: #颜色代码 !important} /*设置全局被点击后的链接颜色*/a:hover {color: #颜色代码 !important} /*设置全局鼠标悬停在链接上未点击时的颜色*/a:active {color: #颜色代码 !important

CSS文字被鼠标选中后的文字颜色及背景

::selection {background:#FF9; color:#F00;}::-moz-selection {background:#FF9; color:#F00;}::-webkit-selection {background:#FF9; color:#F00;} CSS文字被鼠标选中后的文字颜色及背景

div css鼠标悬停锚文本超链接文字背景颜色或图片变化

div css鼠标悬停锚文本超链接文字背景颜色或图片变化(体感音乐) css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇.(体感音乐) 此DIV CSS布局技巧其实是对a标签做鼠标经过CSS样式.利用以下代码: a{...} 原始超链接默认样式设置a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)一.链接文字无背景鼠标经过悬停

1.鼠标点击换样式+2.下拉菜单缓慢显示/隐藏样式效果

1.鼠标点击换样式 <style type="text/css"> .aa{ width:90px; height:60px;text-align:center; vertical-align:middle; line-height:60px; margin-right:10px; font-size:19px; float:left; background-color:#06F} </style> <body> <div style=&quo