Question

我使用kendo-ui来实现select标签。

您可以在this中看到边框看起来非常轻，但我想增加边框的宽度。

以下是我的代码，我的目标是实现增加边框的大小。

＆＃13;

 $(document).ready(function() {
   // create ComboBox from input HTML element
   // create ComboBox from select HTML element
   $("#size").kendoComboBox();
   var select = $("#size").data("kendoComboBox");
 });

＆＃13;

html {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

＆＃13;

<!doctype html>


<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.default.mobile.min.css" />

<script src="//kendo.cdn.telerik.com/2016.2.607/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script>
<div id="example" role="application">
  <div id="tshirt-view" class="demo-section k-content">

    <h4 style="margin-bottom: .5em;">T-shirt Size</h4>
    <select id="size" placeholder="Select size..." style="width: 300px;">
      <option />X-Small
      <option />Small
      <option />Medium
      <option />Large
      <option />X-Large
      <option />2X-Large
    </select>


  </div>


</div>

＆＃13;

Answer 1

选中此JSFiddle

您只需添加一个 CSS 行：

.k-combobox {
    border-width: 1px;
}

Answer 2

使用类k-dropdown-wrap在包装器上设置边框因此，您可以使用以下方法覆盖边框宽度：

.k-dropdown-wrap{
  border-width: 3px !important;
}

如何在kendo ui

2 个答案: