부트 스트랩으로 CRUD를 만들고 있습니다. 태그가있을 때 문제가 있습니다.
이 상황은 다음과 같습니다 : https://i.stack.imgur.com/M1WTB.png
코드 :
<div class="form-group row">
<div class="col-sm-6 mb-3 mb-sm-0">
<select class="form-control form-control-user" id="citizenship">
<option value="" disabled selected>Select a Citizenship</option>
<option value="AU_Citizen">AU Citizen</option>
<option value="NZ_Citizen">NZ Citizen</option>
<option value="Other">Other*</option>
</select>
</div>
선택 옵션을 클릭하면 내가 가지고있는 모든 옵션이 필드에 표시되지만 그중 하나를 선택하면 필드가 공백으로 유지됩니다. 그러나 form-control 또는 form-control-user 만 사용하면 작동하지만 스타일은 없습니다. 내 문제는 둘 다 함께 사용할 때입니다.
아래 이미지는 form-control 만 사용하고 있습니다 : https://i.stack.imgur.com/tqcrR.png
아래 이미지는 form-control-user 만 사용하고 있습니다 : https://i.stack.imgur.com/Kg9v1.png
친애하는 @dtauil 나는 당신이 여분의 패딩을 주었을지도 모른다고 생각한다.-이 CSS를 각 클래스에 제공하십시오. 높이를 변경해야합니다. 패딩이 변경되지 않습니다. 코드 높이를 사용하여 변경했습니다 . calc (2.9em + .75rem + 2px); , 테두리 반경 : 50px;
/*Use this css code*/
.form-control {
display: block;
width: 100%;
height: calc(2.9em + .75rem + 2px);
padding: 0.375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 50px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다