如何增加kendo UI中選擇標籤的邊框寬度

Iam使用kendo-ui實現選擇標籤。如何增加kendo UI中選擇標籤的邊框寬度

邊框看起來非常輕，你可以在this看到，但我想增加邊框的寬度。

以下是我的代碼，我的目標是實現增加邊框的大小。

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

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

<!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>

來源

2016-07-15 Travelmyway

邊框設置在包裝帶班k-dropdown-wrap 你可以這樣重新覆蓋邊框寬度：

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

來源

2016-07-15 07:48:07

真棒兄弟它的工作..... – Travelmyway

入住這JSFiddle

您需要添加只有一個CSS行：

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

來源

2016-07-15 07:47:59

它的工作兄弟你真棒.... :) – Travelmyway

如何增加kendo UI中選擇標籤的邊框寬度

回答

相關問題