如何在Chrome中删除图片的边框？

Question

#test {
  width: 25px;        
  height: 25px;
  background-color: #dddddd;        
  border-radius: 50%;
}

<img src="" alt="" id="test">

在Chrome中，我的图片会有边框，但Safari没有。 有什么方法可以在chrome中删除它吗？

Answer 1

你试过把它添加到css吗？

border-style:none;

Answer 2

简单地删除src似乎有效。如果您不需要src属性来处理您正在处理的内容，那么取出它将消除边界。

＆＃13;

＆＃13;

#test {
  width: 25px;        
  height: 25px;
  background-color: #dddddd;        
  border-radius: 50%;
}

＆＃13;

<img alt="" id="test">

＆＃13;

＆＃13;

＆＃13;

Answer 3

在chrome中，如果浏览器找不到任何图像，则会创建一个默认设计，使用image然后使用border-style：none;使用css。

访问www.w3schools.com/cssref/pr_border-style.asp /