解决Button 按钮的点击时候出现边框的问题

最新推荐文章于 2024-07-16 19:30:35 发布
最新推荐文章于 2024-07-16 19:30:35 发布
阅读量2.5w 收藏 11
点赞数 12
分类专栏： CSS3 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26941173/article/details/78752648
版权

CSS控制Button 按钮的点击时候出现蓝色边框

  • 添加css属性，这样在点击安按钮的时候就不会有蓝色边框了
 button{
   outline:none;
  }

实对于button的outline设置需要这样来设置,才能达到所有浏览器一样的风格效果

:focus {outline:none;} /*for IE*/
::-moz-focus-inner {border-color: transparent;} /*for mozilla*/
静水流深之鑫
关注
专栏目录
编程经验：WinForm下Button按钮点击瞬间产生黑色边框
ann__1121的博客
06-13 1323
上面的DateTimePicker控件，当手动修改那些数字的时候，此控件的Focus()会在下面Button按钮点击时消失，焦点聚焦在你点击的按钮上面，此时按钮（BackgroundImage是图片按钮），会产生黑色边框，如下图： 是不是很想去掉这个聚焦，但是没有什么好的方法（除了重绘Button，效果不好），既然它没法去掉，我们有没有想过用其他的控件代替它呢？此时PictureB...
多个相邻按钮切换效果出现边框重叠问题的解决方法
xm2by的博客
11-30 1776
多个按钮切换时处于选中状态按钮的边框出现重叠问题的解决方法 element和ant-design中对于这种多按钮切换时边框重叠问题的解决方法相同，具体如下： 在这里插入代码片 ...
去除button点击时的边框
心若向阳 无谓悲伤
11-30 4766
1、问题：button按钮的边框，通过css样式设置不显示，但点击是会出现 2、解决：配置按钮的光标事件和边框属性 3、实现代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <ti
winform 去掉button边框
最新发布
Pei_hua100的专栏
07-16 464
当最后你运行时，你会发现当点击button时，还是会出现一个白色的边框，这个据说是button失去焦点时的表现，不过，没找到button的Border属性，但是找到了 FlatStyle属性(决定控件外观的一个属性)，左图是鼠标移入前，看起来很舒服；而右图是鼠标移进时，擦，四个边角，这太明显了，强迫症的我根本不能接受嘛！从一开始到现在折腾了那么久，眼看就要搞定的时候，居然还有这么一个小难题····难不成是微软的bug?那冤魂不散的白色边框！呵呵，那讨人厌的白色框框也不见了，整体看起来感觉舒服了好多啊，
button在点击时出现边框
热门推荐
我有个橘子
01-09 4万+
问题描述： 在自己做东西时遇见了这么个问题，button在chrome浏览器下被点击时会出现一个橙色的边框 即使当时在button上添加 :focus{outline:none;} 也无法解决问题，很急。 解决办法：在button上添加 :focus{outline:0;} 才得以解决。 思考来源： 转自：http://blog.csdn.net/qq_2622
button的边框
besttoby01的博客
05-17 5052
.btn::after{ border: none; }&lt;button class='btn'&gt;立即报名&lt;/button&gt;去掉边框
button按钮边框去不掉
xu_tangdoudou_qi的博客
08-31 652
button按钮得边框
button点击后出现的边框_UI设计干货分享：设计语言 - 按钮 (button)2
weixin_39917718的博客
11-22 518
原文作者：罗耀_UI虽说这篇与上一篇标题相同，但内容完全不同。这篇讲的更细化，实操性更强。目录1.解构按钮2.网格基数3.按钮的宽高4.按钮的曲率5.按钮中添加字符6.按钮中添加功能1.解构按钮首先得先解构一个按钮，把按钮中各个元素都提取出来。按钮的绘制过程：先设一个网格基数(一般为4px) - 绘制一个宽与高存在比例关系的矩形(固定宽度的情况下) - 添加字符(中英文) - 添加按钮(功能) -...
解决搜索框和搜索按钮button边框不能重合的问题
01-18
今天在用百度页面做练习的时候突然发现，尽管设置了搜索框和button的margin值和padding值各为0，他们俩的边框还是不能重合（不想用position） 无奈之下问了老师，老师说设置他俩的父元素的font-size为0就行，因为父...
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
08-27
主要介绍了微信小程序分享功能之按钮button 边框隐藏和点击隐藏,需要的朋友可以参考下
Swing关于JButton去除点击后的内边框的问题纪要！
大雷
08-22 1413
背景 同样是解决项目上一个UI问题，发现部分Button组件点击之后有一个内边框会显示，不是很友好。但是我又不想去二次刷新渲染，于是想要调整一下。特此纪要！ 问题 JButton如何去除点击之后的内边框？ 说明 JButton组件有一个setFocusPainted的函数可以取消触发后的这种焦点内边框。 解决办法 为了快速的get到点位，下面是一则对应的Demo： package com.company.swing.jbutt...
C++重绘button按钮控件，支持设置背景色，边框色，扁平化
08-04
C++重绘button按钮控件，支持设置背景色，边框色，扁平化 C++重绘button按钮控件，支持设置背景色，边框色，扁平化
表单button的outline在firefox浏览器下的问题
09-22
outline的使用，大家都喜欢在reset样式表中直接重置outline: none;可是有一点可能大家还是不太清楚——outline在表单的button中使用时，在firefox浏览器下依然还是会有虚线框显示的;那么今天这个教程就简单的来了解如何处理这个问题
Android 按钮设置边框实例
mj19910923的专栏
03-04 2万+
以下一Button标签为例： 这里就联系到标签，设置背景样式、边框、渐变、圆角等，各种效果的使用方法见如下代码 drawable文件夹新建一个nimei.xml，内容如下：   然后在button里面引用如下： <Button android:id="@+id/button" android:layout_width="wra
HTML基础-11 图片模糊化，div透明化， 输入框，按钮去边框，去点击之后的边框。
m0_59214979的博客
11-02 311
本节：模糊图片，模糊区域。 模糊前： 模糊后： .img{ filter: blur(6px); -webkit-filter: blur(6px); /* chrome, opera */ -ms-filter: blur(6px); -moz-filter: blur(6px);}
VS中toolstrip控件去除下灰线边框
mlxg99999的博客
02-01 650
问题：在C#中使用toolstrip时，当RenderMode设置为System时会出现下面有条灰线 解决办法：需要重绘一下toolstrip，C#源代码如下： private void toolStrip1_Paint(object sender, PaintEventArgs e) { if ((sender as ToolStrip).RenderMode == ToolStripRenderMode.System) {
C# Winform 去掉按钮按下时周围黑线框
野百合的专栏
03-01 1万+
C# Winform 去掉按钮按下时周围黑线框
tkinter 准备通过button弹出的窗口不显示
vzdong1的博客
09-17 482
通过点击button弹出一个Toplevel窗口，但是怎么都显示不出来，主要代码如下： top_level=tkinter.Toplevel(root) top_level.title("提示") l=tkinter.Label(top_level,text="生成中，请等待...").pack() dosomthing（） top_level.destroy() 查阅资料，还要刷新窗体，才会把改变的内容显示出来，加入root.date()即可 top_level=tkinter.To
html按钮点击时也不变边框,css 按钮的点击时候出现边框，尤其在bootstrap框架出现。...
weixin_29545089的博客
06-30 1005
在使用 bootstrap框架中 发现 html按钮每次点击时都会出现一个黑色的边框，不是很美观。在bootstrap.min.css 中有下面这段代码影响：.btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn:active:focus, .btn:focus {outline: 5px auto -web...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值