从 Chrome 中的图像中删除红色圆圈

泰勒·德登

我知道 Chrome 在按钮和图像周围放置了蓝色边框。但是,我遇到了 Chrome 所做的另一件事。

我有一个图像,我想像一个按钮一样。单击时,星星的图像会变成一个红色圆圈。(不是在其他浏览器中。)

图片的代码是这样的: <input type="image" src="star.png">

这是CSS:

input[type=image]{
  width: 18px;
  height: 18px; 
  cursor: pointer; 
  outline: none;
  border-style: none;
}

奇怪的是,圆圈不是围绕图像(这是一个正方形),而是图像的“内容”。

我怎样才能摆脱这个?

谢谢你。

屏幕抓取:图像周围的红色圆圈

萨吉

选择时,使用焦点选择器如此

 input[type=image]:focus {
 outline: none;
 border-style: none;
 }

工作

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从Chrome的图像中删除边框?

来自分类Dev

从技术图纸图像中删除圆圈

来自分类Dev

Chrome中的图像变窄

来自分类Dev

删除Chrome中的白线?

来自分类Dev

删除Chrome中的多个扩展

来自分类Dev

“#”栏中红色圆圈的含义是什么?

来自分类Dev

从Chrome扩展中的html中删除div

来自分类Dev

如何在图像中检测到的斑点周围画一个红色圆圈?

来自分类Dev

在Chrome中垂直对齐图像Chrome问题

来自分类Dev

在Firefox中渲染的图像与在Chrome中渲染的图像不同

来自分类Dev

Rails:Gravatar图像未在Chrome中显示

来自分类Dev

Chrome中的高质量图像渲染

来自分类Dev

jQuery图像交换-Chrome中的奇怪行为

来自分类Dev

chrome中的bxSlider背景图像闪烁

来自分类Dev

单击后,Chrome中的黄色图像边框

来自分类Dev

Chrome和Firefox中未显示图像

来自分类Dev

jQuery图像交换-Chrome中的奇怪行为

来自分类Dev

如何在Chrome中优化图像序列?

来自分类Dev

在Chrome和Firefox中显示图像

来自分类Dev

从Google Chrome网址中删除特殊字符

来自分类Dev

从Xubuntu菜单中删除“ Chrome应用”

来自分类Dev

从Google Chrome的书签栏中删除文本

来自分类Dev

如何在Chrome中删除当前会话?

来自分类Dev

从Xubuntu菜单中删除“ Chrome应用”

来自分类Dev

如何删除Chrome中的旧Cookie?

来自分类Dev

删除Chrome中的Enter键延迟

来自分类Dev

Chrome控制台日志中的蓝色小圆圈是什么?

来自分类Dev

使用CSS的虚线/虚线圆圈形状-在Chrome中无法正确渲染

来自分类Dev

检测图像中的多个圆圈