最初，我在 Firefox 上對此進行了測驗，可以輕松洗掉填充。
有沒有辦法為 Chrome 瀏覽器洗掉它，或者這是否嚴格針對 WCAG？
我寧愿不使用自定義顏色選擇器。
div {
border: 3px solid red;
width: 50px;
height: 50px;
}
input[type=color] {
padding: 0;
background: lightblue;
border: none;
width: 100%;
height: 100%;
}<div>
<input type="color">
</div>uj5u.com熱心網友回復：
div {
border: 3px solid red;
width: 50px;
height: 50px;
overflow: hidden;
}
input[type=color] {
padding: 0;
background: lightblue;
width: calc(100% 12px);
height: calc(100% 12px);
margin: -6px;
}<div>
<input type="color">
</div>有點笨拙的解決方案，但它是免費的 JavaScript，應該適用于所有瀏覽器。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/517897.html
標籤：css谷歌浏览器wcag