검도에서 선택 태그의 테두리 폭을 늘리는 방법

선택 태그를 구현하는 데 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

검도에서 선택 태그의 테두리 폭을 늘리는 방법

답변

관련 문제