2013-05-21 2 views
1

Ok ... 이것은 바보 같은 질문 일 수 있지만 간단한 Jquery 버튼에서 모든 여백과 여백을 제거 할 수는 없습니다.Jquery Button CSS - 여백 및 여백

내가 뭘 잘못하고 있니?

이 바이올린을 참조하십시오 : 당신은 단순히 잘못된 요소를 타겟팅 http://jsfiddle.net/liviozanol/MLmtA/

body 
{ 
    padding: 20px; 
} 
#btnClose { 
     padding: 0px !important; 
      margin: 0px !important;  
} 
#IMAGE { 
      padding: 0px !important; 
      margin: 0px !important; 
+0

OK ... 버튼을 이미지와 동일한 크기로 만들고 싶습니다. 예 : 이미지와 버튼 테두리 사이에 공간을 없앱니다. –

답변

2

을 - 패딩이 <span class="ui-button-text">되지는 포함 사업부에 있습니다. 현재 선언을

http://jsfiddle.net/MLmtA/2/

#btnClose .ui-button-text { 
padding: 0; 
} 
0

일반적인 팁을 무시 #btnClose .ui-button-text를 사용 당신은 디버거를 사용하는 방법을 배우게해야합니다. 작업을 단순화합니다. 비슷한 작업을 위해 당신이 debuger으로 DOM에서 HTML 요소를 발견해야한다 (즉 Firebug, Chrome DevTools)와 컨텍스트에서 당신은 문제가 특정 사건에서

표시됩니다 JQuery와 - UI는 자신의 스타일을 가지고 당신이 내부에 대한 스타일을 설정해야합니다 태그 스팬

+0

나는 방화 광을 사용했지만 버튼 요소를 확장하지 않을 정도로 바보였습니다 ... –