패딩이있는 일반 버튼

Question

다음 CSS는 분명히 다음 버튼을 생성합니다. 보시다시피 흰색 패딩에는 이상한 회색 일반 버튼이 있습니다. 이 문제를 어떻게 해결할 수 있습니까?

어떻게하면 회색이 사라지나요?

.button_style { 
    background-color: white; 
    color: white; 
    padding: 15px 15px; 
    text-align: center; 
    display: inline-block; 
    font-size: 16px; 
    margin: 4px 2px; 
} 

참고 : 녹색 공간이 배경, 공백과 회색 공간을 모두 클릭 가능한 버튼입니다이다.

Answer 1

:

<p><span class="button_style"><a href="example.com">Website</a></span> </p> 

내가 다음에 변경을, 내 문제가 해결되었습니다.

<input class="button_style" type="button" onclick="location.href = 'http://www.botequotes.com';" value="Visit Site" /> 

참고 : 자바 스크립트 '의 onclick = "같이 location.href'을 사용하려면 활성화해야합니다

Answer 2

border : 0 또는 border : none을 사용하여이를 제거하십시오. 그건 그렇고, 어떤 브라우저를 사용하고 있습니까?

HTML

<button class="button_style">hello</button> 

CSS

.button_style { 
    border: 0; 
    background-color: white; 
    padding: 15px 15px; 
    text-align: center; 
    display: inline-block; 
    font-size: 16px; 
    margin: 4px 2px; 
} 

이것은 내가 나에게 일반 회색 버튼을 제공 한 이전 한 것입니다