부트 스트랩 - 레이블이있는 버튼 그룹

버튼 그룹을 가질 수 있습니까?하지만 요소 중 하나는 레이블입니다.부트 스트랩 - 레이블이있는 버튼 그룹

입력 그룹이 입력 그룹 애드온과 작동하는 방식은 비슷합니다.

기본적으로 버튼이 버튼처럼 보이기를 원하지만 위에 마우스를 올려 놓으면 아무 효과가 없습니다.

현재 최선의 노력은 <a>과 disabled을 사용하고 있지만 나머지 페이지와 색상이 약간 다릅니다.

는

2017-03-15 Michal Ciechan

나는'disabled' 속성을 가진'는'꽤 좋아 보인다 생각합니다. 나머지 페이지와 다른 색상은 무엇입니까? 초록색을 의미한다면, 그것은'btn-success'를 가지고 있기 때문입니다. 'btn-default'로 변경할 수 있습니다. 다른 것에 대해 이야기하고 있다면 CSS로 재정의 할 수 있다고 확신합니다. 다음은'btn-default'가 사용 된 바이올린입니다 : https://jsfiddle.net/sctqg038/1/ –

하지만 당신이 가진 것이 최선의 선택이라고 생각합니다. 당신이 원하는 것을 할 수있는 내장 된 방법이 없다. –

'btn-succes-disabled'클래스를 추가하고 페이지의 나머지 부분에 맞게 비활성화 된 색상을 재정의하는 방법을 생각해보십시오. –

나는 바이올린을 업데이트했습니다. 레이블로 사용할 버튼에 ID를 추가하고 다음 코드를 입력하십시오. pointer-events:none. 버튼 색상은 변경되지 않습니다.

Updated Fiddle

조각은

@import url('http://getbootstrap.com/dist/css/bootstrap.css'); 
 
#label-btn { 
 
    pointer-events: none; 
 
}

<div class="btn-group"> 
 
          <a href="#" role="button" class="btn btn-success btn-xs" id="label-btn" aria-disabled="true">T</a> 
 
          <button type="button" class="btn btn-default btn-xs" aria-label="Import" data-toggle="tooltip" title="Import"> 
 
           <span class="glyphicon glyphicon-import" aria-hidden="true"></span> 
 
          </button> 
 
         </div>

출처

2017-03-16 03:30:18 philomath

부트 스트랩 - 레이블이있는 버튼 그룹

답변

관련 문제