带有 Knockout 下拉列表问题的边界半径

Question

尝试将边框半径添加到下拉剔除列表中，但只有“提交”才会接受。其他样式适用于所有。还尝试过 -moz 和 -webkit，并查看了样式和 css 绑定，但不确定如何正确应用。还尝试了“选择”上的 CSS 样式，它适用于除边框半径之外的所有样式。

<select data-bind="options: searchParameters, optionsText: 'name', optionsCaption: 'Select a Search', value: searchCanlii, css: { drop: on }" ></select>
<select data-bind="options: citedNode, optionsText: 'name', optionsCaption: 'Select a Node', value: nodeID, css: { drop: on }" ></select>
<button data-bind='click: submit, css: { drop: on }'  >submit</button>


.drop {
    border-radius: 1px;
    background-color: rgba(107, 118, 108, 0.05);
    margin-left: 20px;
    border: 1px solid #cccccc;
    color: rgba(1, 73, 111, .7);
    font-family: 'Ovo', serif;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;   
    box-shadow: 4px 5px 0 rgba(150, 0, 0, 0.05);
}

jsbin

css: { drop: on }

来自Ivaylo Gerchev's article on KnockoutJS

Answer 1

您不能将边框半径应用于<select> 元素。

绑定是正确的，这就是所有其他 css 属性都起作用的原因。

另外你发布的jsbin报错10个，错误会导致绑定失败，所以以后尝试解决问题时要小心，首先确保没有错误。