CSS不要设计样式为空的输入标题

Question

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

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

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

，这一个不能为空

<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和更早的版本不支持：不选择。

Answer 2

不使用:not和增加与旧的浏览器位兼容性（它的工作原理也IE7）：

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

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

例如：http://codepen.io/anon/pen/LdGiq