当在选择列表上使用"选项"绑定时,是否可以更改选择列表的选项元素的样式(使用"样式"或"css"绑定)？或者这只能通过在选择列表上使用'foreach'并改变每个样式来完成吗？
我在代码中有这个:
<select id="components-select" size="4" name="components-select"
data-bind=" options: combinedComponents,
optionsText: 'displayName',
optionsValue: 'id',
value: chosenComponent"></select>
但如果我追加,style: {color: isDefault() === true ? 'black' : 'red'}那么如果isDefault返回false,则整个列表的颜色为红色.
实现此目的的唯一方法是以这种方式编码:
<select id="components-select" size="4" name="components-select"
data-bind="foreach: combinedComponents">
<option data-bind="value: id, text: displayName, style: {color: isDefault() === true ? 'black' : 'red'}"></option>
</select>
或者是否有一些我不知道的Knockout.js魔法形式？
谢谢!
我使用Web上其他地方概述的一般样式规则设计我的电子邮件(即Campaign Montior的CSS指南http://www.campaignmonitor.com/css/)并仅应用内联样式(我发现这比将它们放在<head>部分中更可靠因为有些客户忽略了<style>).
有谁知道在大多数主要电子邮件客户端(Outlook 2007及更高版本,Gmail,Thunderbird等)中是否有可靠的方法来有效地重置样式？至少可以涵盖主要的桌面和移动客户端(http://emailclientmarketshare.com/).理想情况下,可以轻松追溯应用于现有HTML电子邮件模板的解决方案将非常棒.
我正在考虑我们将用于网络的内容,如Eric Meyer的reset.css(http://meyerweb.com/eric/tools/css/reset/)或类似内容.当然,我们不能像常规网页那样导入外部CSS规则.