如何更改元素的名称属性的CSS

Question

我尝试使用CSS更改元素的弹出窗口，但它无法正常工作。

＆＃13;

＆＃13;

name {
  background-color: #00BBFF;
  color: white;
}

＆＃13;

<button title="name">Test</button>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您希望使用属性选择器https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

＆＃13;

＆＃13;

button[title="name"] {
  background-color: #00BBFF;
  color: white;
}

＆＃13;

<button title="name">Test</button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

不幸的是，工具提示样式无法在任何浏览器中更改。

我建议您使用CSS实现自己的（使用工具提示添加隐藏的span或其他元素并在button:hover）或JS上显示（更好，因为您可以设置显示之前的延迟。）