Knockout.js 更改“选择选项”列表的宽度

是否可以定义选择列表的宽度？如果是，怎么做？ 选择标记没有属性宽度

<select data-bind="options: names, value: selectedName, optionsText: 'Name', optionsValue: Name, optionsCaption: Select Person"></select>

使用css

<style>
    select { width: 30%; /*or something like it*/ }
</style>

选择{宽度：30%；/*或类似的内容*/}

使用css

<style>
    select { width: 30%; /*or something like it*/ }
</style>

选择{宽度：30%；/*或类似的内容*/}

使用css

<style>
    select { width: 30%; /*or something like it*/ }
</style>

选择{宽度：30%；/*或类似的内容*/}

使用css

<style>
    select { width: 30%; /*or something like it*/ }
</style>

选择{宽度：30%；/*或类似的内容*/}

您可以使用

attr

绑定，并在样式中设置宽度：

视图模型：

function ViewModel() {
    var self = this;
    self.selectWidth = ko.observable();
    self.selectWidthStyle = ko.computed(function() {
        return "width:" + self.selectWidth() + "px";
    });
}

Html:

---

您可以使用

attr

绑定，并在样式中设置宽度：

视图模型：

function ViewModel() {
    var self = this;
    self.selectWidth = ko.observable();
    self.selectWidthStyle = ko.computed(function() {
        return "width:" + self.selectWidth() + "px";
    });
}

Html:

---

您可以使用

attr

绑定，并在样式中设置宽度：

视图模型：

function ViewModel() {
    var self = this;
    self.selectWidth = ko.observable();
    self.selectWidthStyle = ko.computed(function() {
        return "width:" + self.selectWidth() + "px";
    });
}

Html:

---

您可以使用

attr

绑定，并在样式中设置宽度：

视图模型：

function ViewModel() {
    var self = this;
    self.selectWidth = ko.observable();
    self.selectWidthStyle = ko.computed(function() {
        return "width:" + self.selectWidth() + "px";
    });
}

Html:

---

如果我想硬编码大小，那么它将类似于：“attr:{style:{width:{width:'500px'}}”？不，如果您想要静态宽度，那么只需将样式添加到html:

还有一件事，如何在css文件中执行，以便所有选择列表都可以使用相同的样式？谢谢。使用这个css:

选择{width:500px；}

如果我想硬编码大小，那么它会像：“attr:{style:{width:{width:'500px'}}”？不，如果你想要静态宽度，那么只需将样式添加到html:

还有一件事，如何在css文件中实现，这样所有选择列表都可以使用相同的样式？谢谢。使用这个css:

选择{width:500px；}

如果我想硬编码大小，那么它会像：“attr:{style:{width:{width:'500px'}}”？不，如果你想要静态宽度，那么只需将样式添加到html:

还有一件事，如何在css文件中实现，这样所有选择列表都可以使用相同的样式？谢谢。使用这个css:

选择{width:500px；}

如果我想硬编码大小，那么它会像：“attr:{style:{width:{width:'500px'}}”？不，如果你想要静态宽度，那么只需将样式添加到html:

还有一件事，如何在css文件中实现，这样所有选择列表都可以使用相同的样式？谢谢。使用这个css:

选择{width:500px；}