如何使用弹出文本框添加可单击的网格正方形

时间:2019-05-13 18:55:51

标签: html css

我需要帮助以使每个网格都可单击,并使其打开可编辑且可保存的文本框。

我只知道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;
}

用户应该能够单击相关信息框,如果需要,可以编辑任何文本信息,并在退出时将其保存。

0 个答案:

没有答案