Html 用于就地编辑的CSS

如何创建可编辑的标签？我正在表格中显示数据，并希望为显示的数据提供就地编辑。我可以使用什么CSS样式？

在那里放置一个文本输入框，使其背景与容器的背景相同，并在其上放置0边框，使用与表中其他项目相同的字体样式和颜色

我可以使用什么CSS样式

这实际上不是CSS的问题（除非你的问题仅仅涉及到实现一种特定的风格）

你可以：

使所有表格单元格都包含输入。这有一个（潜在的重大）缺点，即如果发布表单，所有数据都将提交到服务器。我不推荐这种方法，除非表很小，或者您从未完全提交整个页面

单击即可将标签更改为输入。提交表单时，该值现在将成为请求的一部分

将标签更改为输入，以响应其他位置的操作（例如，对焦该行，单击该行旁边的编辑按钮等）

在元素上设置。这允许丰富的格式，但也要求您跟踪用户所做的更改；除非将它们放入表单字段中，否则它们不会提交到服务器

您可能需要一段JavaScript来将标签更改为输入（#2和#3）。您将需要JavaScript以4的方式将数据发送到服务器