我正在使用實現填字游戲css grid空白單元格沒有顏色。其他單元格有黑色邊框。問題在于邊界正在相互沖突。我已經打開了這個問題和這個問題。但這里的問題是并非所有單元格都有這種雙重邊框。這是代碼.crossword-board-container {  position: relative;  background: #fff;}.crossword-board {  background: transparent;  display: grid;  grid-template: repeat(5, 4em) / repeat(5, 4em);  list-style-type: none;  padding: 0;  margin: 0 auto;}.crossword-board__item {  border: 1px solid #000;  background: transparent;  text-align: center;  font-size: 20px;  font-weight: bold;  text-transform: uppercase;}<div class="crossword-board-container">  <div class="crossword-board">    <!-- ROW 1 -->    <span></span>    <span></span>    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <span></span>    <span></span>    <span></span>    <span></span>    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" /> <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <span></span>    <span></span>    <span></span>    <span></span>    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <span></span>    <span></span>    <span></span>    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <input type="text" minlength="1" maxlength="1" pattern="^[bB]{1}$" />    <span></span>  </div></div>