Css 边界半径与淘汰下拉列表问题

Css 边界半径与淘汰下拉列表问题,css,knockout.js,drop-down-menu,Css,Knockout.js,Drop Down Menu,尝试将边界半径添加到下拉列表中,但只有“提交”会接受。其他样式将应用于所有。还尝试了-moz和-webkit,并研究了样式和css绑定,但不确定如何正确应用。我还尝试了“选择”上的css样式,它应用除边界半径以外的所有样式 <select data-bind="options: searchParameters, optionsText: 'name', optionsCaption: 'Select a Search', value: searchCanlii, css: { drop:

尝试将边界半径添加到下拉列表中,但只有“提交”会接受。其他样式将应用于所有。还尝试了-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);
}
css:{drop:on}

中,不能将边框半径应用于图元

绑定是正确的,这就是为什么所有其他css属性都在工作


另外,您发布的jsbin报告了10个错误,这些错误可能会导致绑定失败,因此在将来尝试解决问题时要小心,首先确保没有错误。

事实上,我接受了我的话,我增加了边界半径,它似乎为我应用了半径,我使用的是chrome,在IE11中也尝试了成功。FF works,但Chrome似乎继续忽视了这一点。你是如何使用Chrome的?我看了看哪个使用外观:无;这是我遇到并尝试过的,但在浏览器浏览器的Netbeans8中添加了这一功能:-webkit外观:无-moz外观:无;外观:无;我的chrome版本是:版本35.0.1916.114使用外观:无;在风格来源中,你应该以充实的形式发布评论作为答案。你会获得很多名望和荣誉,也许还有一两张选票;