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

最新推荐文章于 2024-09-14 15:11:33 发布
最新推荐文章于 2024-09-14 15:11:33 发布
阅读量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*/
静水流深之鑫
关注
专栏目录
C#【必备技能篇】Winform中，如何去掉Button按钮的边框线（或更改边框颜色）
星Yeah 的博客
11-11 6351
Winform中，如何去掉Button按钮的边框线（或更改边框颜色）
Swing关于JButton去除点击后的内边框的问题纪要！
大雷
08-22 1442
背景 同样是解决项目上一个UI问题，发现部分Button组件点击之后有一个内边框会显示，不是很友好。但是我又不想去二次刷新渲染，于是想要调整一下。特此纪要！ 问题 JButton如何去除点击之后的内边框？ 说明 JButton组件有一个setFocusPainted的函数可以取消触发后的这种焦点内边框。 解决办法 为了快速的get到点位，下面是一则对应的Demo： package com.company.swing.jbutt...
编程经验：WinForm下Button按钮点击瞬间产生黑色边框
ann__1121的博客
06-13 1355
上面的DateTimePicker控件，当手动修改那些数字的时候，此控件的Focus()会在下面Button按钮点击时消失，焦点聚焦在你点击的按钮上面，此时按钮（BackgroundImage是图片按钮），会产生黑色边框，如下图： 是不是很想去掉这个聚焦，但是没有什么好的方法（除了重绘Button，效果不好），既然它没法去掉，我们有没有想过用其他的控件代替它呢？此时PictureB...
C#(winform)button去掉各种边框
最新发布
weixin_49607313的博客
09-14 457
因为使用BackgroudImage来设置背景图片，所以使用 BackgroundImageLayout 属性来调节图片，让图片更好的显示在button上，但是button上的边框看起来比较丑。
button在点击时出现边框
热门推荐
我有个橘子
01-09 4万+
问题描述： 在自己做东西时遇见了这么个问题，button在chrome浏览器下被点击时会出现一个橙色的边框 即使当时在button上添加 :focus{outline:none;} 也无法解决问题，很急。 解决办法：在button上添加 :focus{outline:0;} 才得以解决。 思考来源： 转自：http://blog.csdn.net/qq_2622
button的边框
besttoby01的博客
05-17 5061
.btn::after{ border: none; }<button class='btn'>立即报名</button>去掉边框
button按钮边框去不掉
xu_tangdoudou_qi的博客
08-31 672
button按钮得边框
button点击后出现的边框_UI设计干货分享：设计语言 - 按钮 (button)2
weixin_39917718的博客
11-22 551
原文作者：罗耀_UI虽说这篇与上一篇标题相同，但内容完全不同。这篇讲的更细化，实操性更强。目录1.解构按钮2.网格基数3.按钮的宽高4.按钮的曲率5.按钮中添加字符6.按钮中添加功能1.解构按钮首先得先解构一个按钮，把按钮中各个元素都提取出来。按钮的绘制过程：先设一个网格基数(一般为4px) - 绘制一个宽与高存在比例关系的矩形(固定宽度的情况下) - 添加字符(中英文) - 添加按钮(功能) -...
解决搜索框和搜索按钮button边框不能重合的问题
01-18
今天在用百度页面做练习的时候突然发现，尽管设置了搜索框和button的margin值和padding值各为0，他们俩的边框还是不能重合（不想用position） 无奈之下问了老师，老师说设置他俩的父元素的font-size为0就行，因为父...
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
08-27
主要介绍了微信小程序分享功能之按钮button 边框隐藏和点击隐藏,需要的朋友可以参考下
Uniapp 各类 button按钮
09-12
在移动应用开发中，按钮（Button）是用户界面不可或缺的元素，它承载着用户的操作行为，如点击提交、打开新页面、执行特定功能等。在 UniApp 开发框架中，Button 组件扮演着同样的角色，提供了丰富的样式和交互功能...
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
微信小程序 —— button按钮去除border边框
diebaiying3731的博客
07-02 207
button默认有边框，边框用“border : none”去掉就不可以，边框依然存在， 使用 button::after{ border: none; } 来去除边框，边框就没了 wxml： <button class="bf_input_down" formType="submit">开始配对</button> wxss...
HTML基础-11 图片模糊化，div透明化， 输入框，按钮去边框，去点击之后的边框。
m0_59214979的博客
11-02 331
本节：模糊图片，模糊区域。 模糊前： 模糊后： .img{ filter: blur(6px); -webkit-filter: blur(6px); /* chrome, opera */ -ms-filter: blur(6px); -moz-filter: blur(6px);}
css样式中对button点击出现边框的问题最简单解决方法
KungLun的博客
05-28 2520
有时候我们在给button添加了border-radius后，点击的时候按钮周围会有边框，体验非常不好，经过查询资料，解决办法为： IE浏览器： button:focus{outline: none} 或者 button:focus{outline:0} firfox火狐浏览器： button::-moz-focus-inner {border-color: transparent;} ...
VS中toolstrip控件去除下灰线边框
mlxg99999的博客
02-01 682
问题：在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 去掉按钮按下时周围黑线框
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值