Question

尝试将border-radius添加到下拉列表Knockout列表中，但只提交＆＃39;会接受它。其他款式适用于所有人。还尝试了-moz和-webkit，并查看了样式和CSS绑定，但不确定如何正确应用。还尝试了一种css样式＆＃39; select＆＃39;，它应用了除边框半径以外的所有样式。

<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个错误，错误会导致绑定失败所以在将来尝试解决问题时要小心，首先要确保没有错误。

带有Knockout下拉列表问题的Border-radius

1 个答案: