Javascript 删除css网格中的列间隙

类用户控件{
构造函数（）{
this.sudokuTable=document.querySelector（“.sudokuTable”）；
这是createInput（）；
}
createInput（）{
让我；
让输入；
对于（i=0；i<9*9；i++）{
输入=document.createElement（“输入”）；
输入.setAttribute（“类型”、“文本”）；
input.setAttribute（“值”，0）；
input.classList.add（“输入样式”）；
this.sudokuTable.appendChild（输入）；
}
}
}
新建用户控件（）

.sudoku表{
显示：网格；
背景颜色：绿色；
网格模板柱：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr；
网格模板行：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr；
证明内容：中心；
边缘顶部：25px；
&>.输入样式：第n个子项（3n）{
右边距：10px；
}
}
.输入方式{
宽度：75px；
高度：75px；
文本对齐：居中；
字体大小：1.5rem；
}

数独解算器
数独游戏
速度：
玩

作为快速解决方案，您可以将

输入样式的高度和宽度设置为100%

.input-style {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.5rem;
}

然后为您的
数独表设置相同的设置
类：

.sudoku-table {
    //...
    width: 600px;
    height: 600px;
}

输出：
请将其转换为一个非CSS的问题-请修改问题以反映SCS或SASS。我想你不会认为每列
fr
上的边距会有任何影响吧？删除
右边距