我需要帮助以使每个网格都可单击,并使其打开可编辑且可保存的文本框。
我只知道HTML5和CSS。
https://codepen.io/kingkiedaisch/pen/zQKMOj
div.GridMap {
font-family: "Trebuchet MS", Helvetica, sans-serif;
border: 10px solid #ba0000;
background-color: #333333;
width: 1000px;
height: 1500px;
text-align: center;
}
.divTable.GridMap .divTableCell,
.divTable.GridMap .divTableHead {
border: 1px solid #ba0000;
padding: 1px 1px;
}
.divTable.GridMap .divTableBody .divTableCell {
font-size: 17px;
font-weight: bold;
color: #ffffff;
}
.divTable {
display: table;
}
.divTableRow {
display: table-row;
}
.divTableCell {
display: table-cell;
}
.divTableBody {
display: table-row-group;
}
用户应该能够单击相关信息框,如果需要,可以编辑任何文本信息,并在退出时将其保存。