HTML 网格数字列边框颜色

Question

我正在 html 中动态添加网格行。在网格中有一个数字列按以下方式创建

var td4 = document.createElement('input');
                td4.type = "number";
                td4.value = "0";
                td4.id = "count_" + i + "_t";
                td4.onchange = function call(){CallNumberCheck(this);};             
                td4.min="1";
                td4.max="99";               
                td4.setAttribute("style", "font-size:15px;min-height:90px;width:100%;padding-left:25%;padding-top:28%;");

但列边框不是黑色，而是浅黑色。我试着保持 border:1px纯黑色；却是呈现出浓浓的黑色。请查看添加的图像，其中计数列边框不是与其他列相同的黑色。

Answer 1

您需要添加这个 CSS : input { border: 1px solid #000; }

这是工作代码：

https://codepen.io/NehhaSharma/pen/MWWOrpQ

HTML 网格数字列边框颜色

HTML grid numeric column border color

html

css

html-table

border

colors