当前位置:  开发笔记 > 编程语言 > 正文

我可以改变html5颜色输入内半径

如何解决《我可以改变html5颜色输入内半径》经验,为你挑选了1个好方法。

试图将原生的html5颜色输入到一个简单的圆形圆圈中,似乎可以操作边框和填充这是一件好事,我正在寻找一种border-radius内在颜色的方法......

#color1{
  padding:10px;
  border:none;
  border-radius:10px;
}

#color2{
  background:none;
  border:none;
}



1> Heretic Monk..:

没有好的跨浏览器方式这样做; 浏览器只是不公开必要的钩子,除了Chrome(以及Safari和其他基于WebKit的浏览器).Firefox有一些支持,在此概述.

以下内容适用于Chrome 55.它来自多个来源,最着名的是来自Keishi Hattori的回答

#color1 {
  -webkit-appearance: none;
  padding: 0;
  border: none;
  border-radius: 10px;
  width: 20px;
  height: 20px;
}
#color1::-webkit-color-swatch {
  border: none;
  border-radius: 10px;
  padding: 0;
}
#color1::-webkit-color-swatch-wrapper {
  border: none;
  border-radius: 10px;
  padding: 0;
}
推荐阅读
yzh148448
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有