Question

我正在使用CMS，它允许您在输入框中添加工具提示。

所以这个有工具提示“请输入你的电话号码”。

<input name="var_customerphone" title="Please enter your phone number" />

这个是emtpy

<input name="var_customername" title="" >

这是我的css更改光标以帮助

input[type="text"][title] { cursor: help; }

我的问题是，上面的代码将显示上面两个输入的帮助光标，即使第二个输入在工具提示中不包含任何帮助文本。

有没有办法在css上放一些条件代码，只显示标题不为空的帮助光标？

以下内容：input[type="text"][title !=""] { cursor: help; }

我无法控制CMS，因此无论是否包含任何文本，都会输出标题。

感谢

Answer 1

试试这个：

input[type="text"]:not([title=""]) { cursor: help; }

注意：根据w3schools，IE8及更早版本不支持：not selector。

Answer 2

不使用:not并增加与旧版浏览器的兼容性（它也适用于IE7）：

input[type="text"][title] { 
  cursor: help; 
} 

/* revert style for empty titles */
input[type="text"][title=""] { 
  cursor: default; 
}