html消除按钮边框,在Chrome中从css自定义样式按钮中删除蓝色边框

在Chrome中从css自定义样式按钮中删除蓝色边框

我正在做一个网页，我想要定制样式标签。因此，对于CSS，我说：border: none..现在它在Safari中运行得很好，但是在Chrome中，当我单击其中一个按钮时，它会在它周围放置一个恼人的蓝色边框。我以为button:active { outline: none }或button:focus { outline:none }会起作用的，但两者都不起作用。有什么想法吗？

这是单击之前的样子(以及我希望它在被单击后仍然保持的状态)：

这就是我说的边界：

这是我的CSS：button.launch {

background-color: #F9A300;

border: none;

height: 40px;

padding: 5px 15px;

color: #ffffff;

font-size: 16px;

font-weight: 300;

margin-top: 10px;

margin-right: 10px;}button.launch:hover {

cursor: pointer;

background-color: #FABD44;}button.change {

background-color: #F88F00;

border: none;

height: 40px;

padding: 5px 15px;

color: #ffffff;

font-size: 16px;

font-weight: 300;

margin-top: 10px;

margin-right: 10px;}button.change:hover {

cursor: pointer;

background-color: #F89900;}button:active {

outline: none;

border: none;}

html消除按钮边框,在Chrome中从css自定义样式按钮中删除蓝色边框相关推荐

从Chrome中的css自定义样式按钮中删除蓝色边框
本文翻译自:Remove blue border from css custom-styled button in Chrome I'm working on a web page, and I wa ...
纯CSS自定义button按钮的点击特效
纯css自定义button按钮的点击特效,实现背景变化效果图如下: 代码如下: <!DOCTYPE html> <html> <head><meta cha ...
如何在php中定义按钮,ppt中怎么插入自定义动作按钮
ppt插入自定义动作按钮: 打开幻灯片文件,然后在菜单栏中点击插入,打开插入工具栏,之后在插入工具栏中选择形状工具,如下图所示: 点击形状工具后,就打开所有预置的形状列表,如下图所示,选择我们需要的形 ...
pyqt创建窗口没有句柄_Word中如何创建自定义样式与应用样式
在 Word 2016 中,除可选用现成的样式外,还可以自定义样式,即创建样式.自定义的样式能保存到样式库,使用的时候像选择 Word 提供的样式一样.例如:自己制作出十分漂亮的样式并且常常要用这样的 ...
设置html按钮点击事件无效果,css怎么设置按钮不能点击？
css怎么设置按钮不能点击?下面本篇文章就来给大家介绍一下使用CSS设置按钮不能点击的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 想要按钮不能点击可以通过设置按钮点击事件失 ...
【杂谈】excel列表创建后，怎么删除蓝色边框线？
在excel中,创建excel列表后,会出现蓝色边框线.... 可以用以下方法来去掉这个蓝色边框: 在列表区域内右击任意一个单元格,选择"列表",再选择 "转换为区域&q ...
css链接样式_CSS中的样式链接
css链接样式 CSS样式链接 (CSS Styling Links) The links in CSS can be styled in various ways to make our websi ...
公式编辑器中也能自定义样式哦！
编辑数学公式时会涉及到公式的样式,包括字体.字号.正斜体,这些都是公式编辑中经常要进行设置的一些东西,除此之外,有时MathType中的样式并不能满足我们的需要,因此我们需要设置一些其它的样式,而且可 ...
html按钮线性炫光,6分钟实现CSS炫光倒影按钮 html+css
话不多,先看效果: 回归老本行,继续分享简单有趣的CSS创意特效,放松放松心情~ 实现过程(完整源码在最后): 1 老样子,定义基本样式: *{ margin: 0; padding: 0; box- ...

html消除按钮边框,在Chrome中从css自定义样式按钮中删除蓝色边框

html消除按钮边框,在Chrome中从css自定义样式按钮中删除蓝色边框相关推荐

最新文章

热门文章