html - 使用 CSS 样式化 HTML 标题属性

Question

我正在尝试<input type="text">使用 CSS 设置标题属性的样式。所以这就是我所做的：

input[type="text"][title] {
    font-style: italic;
    color: gray;
}

它工作正常，但是当我在字段中输入数据时，数据是灰色和斜体。我希望数据（值）是正常的和黑色的，只有标题是斜体和灰色的。

有任何想法吗？

Answer 1

您可以使用 CSS3 进行自定义解决方案。

看看如何改变锚标签内的Title属性的样式？. 但我是否可以建议您使用像“数据标题”这样的自定义字段，以便默认浏览器行为不会干扰您的自定义解决方案。

Answer 2

input[type="text"][title]:hover:after {
  font-style: italic;
  color: red;
}

<input type="text" title="here is a title" />

Answer 3

您可以添加输入的标题，<h2></h2>然后从 css 更改标题的属性，如下所示：

h2 {
    font-style: italic;
    color: gray;
    font-size: 1em;
}