클래스는

가 나는 버튼이 버튼에 적용하고 나는 매우 큰 수 있도록하고 싶지 속성 :이 클래스가 포함 된 CSS 파일을 연결클래스는

<button type="submit" class="button">Compra</button>

내가 제대로 해요 (I 이미 의견이) :

.title 
{ 
    font-size:75px; 
    text-align:center; 
    color:blue; 
    font-family:"Times New Roman",Georgia,Serif; 
} 

.subtitle 
{ 
    font-size:50px; 
    font-family:"Times New Roman",Georgia,Serif; 
} 

.text 
{ 
    font-size:25px; 
    font-family:"Times New Roman",Georgia,Serif; 
} 

.table 
{ 
    font-size:25px; 
    font-family:"Times New Roman",Georgia,Serif; 
    border: 0px; 
    text-align: left; 
    border-spacing: 20px 10px; 
} 

.button 
{ 
    width:280px; 
    height:280px; 
}

그러나 단추는 단추 클래스 크기의 영향을받지 않습니다. 내가 이런 식으로 할 경우 : 그것은 작동

<body> 
    <form action="Purchase.xhtml" method="post"> 
     <button type="submit" class="button">Compra</button> 
     ... (other code)

을하지만, 내가 많은 버튼을 가지고 있기 때문에 CSS 파일을 사용할 필요하고, 내가 그들 모두를 변경하려는 경우가 발생할 수 있으므로이 경우에는 그냥 것 CSS 파일을 변경하십시오.

버튼 클래스의 너비/높이 속성이 버튼 크기에 영향을주지 않는 이유를 알고 있습니까?

Jsfiddle :

http://jsfiddle.net/K2LLB/1

편집

그것은 파이어 폭스에서 작동

하지만 크롬에.

출처

2013-03-12 Ramy Al Zuhouri

잘 작동하는 것 같습니다.> http://jsfiddle.net/K2GVz/ – PlantTheIdea

다른 스타일은 있습니까? 단추 또는 단추를 다시 설정하는 무언가가 있습니까? 전체 예제가 들어있는 [jsfiddle] (http://jsfiddle.net)이 도움이 될 것입니다. –

그건 jsfiddle : http://jsfiddle.net/K2LLB/ –

페이지의 다른 스타일 선언은 특수성 또는로드 순서에 따라 .button보다 우선합니다. 더 많은 것을 말하면 더 많은 코드 나 데모 페이지가 필요합니다.

출처

2013-03-12 18:40:29 isherwood

답변을 편집했습니다. body 태그가 열리 자마자이 버튼을 넣었습니다. 다른 스타일이 적용되지 않았다고 생각하지 않습니다. –

이 게시물은 도움이 될 것입니다. http://stackoverflow.com/questions/5876936/safari-chrome-developer-tools-debug-css-overrides (CSS 재 지정 디버깅) –

답변

관련 문제