[html] 버튼에서 테두리 제거

표준 버튼 이미지 대신 버튼을 만들고 내 이미지를 삽입하려고했습니다. 그러나 표준 버튼의 회색 테두리는 여전히 남아 있으며 검은 색 버튼 이미지 바깥쪽에 표시됩니다.

버튼에서이 회색 테두리를 제거하는 방법을 아는 사람이 있습니까? 감사합니다.

더하다

padding: 0;
border: none;
background: none;

버튼에.

데모:

이것은 나를 위해 완벽하게 작동하는 것 같습니다.

button:focus { outline: none; }

나는 똑같은 문제가 있었고 CSS에서 내 버튼을 스타일링하더라도 결코 선택하지 border:none않았지만 효과가 있었던 것은 다음과 같이 입력 버튼에 직접 스타일을 추가하는 것입니다.

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

다음을 사용해보십시오 : border:0;또는border:none;

일반적인 트릭은 이미지 자체를 버튼 대신 링크의 일부로 만드는 것입니다. 그런 다음 사용자 지정 처리기로 “click”이벤트를 바인딩합니다.

Jquery-UI 또는 Bootstrap과 같은 프레임 워크는이 작업을 즉시 수행합니다. 그중 하나를 사용하면 전체 응용 프로그램 개념을 많이 완화 할 수 있습니다.

background:none;border:0px버튼을 시도 할 수도 있습니다 .

또한 CSS 선택자는 div#yes button{..}및 div#no button{..}입니다. 도움이되기를 바랍니다

버튼 포커스의 버튼에서 기본 ‘파란색 테두리’를 제거하려면 :

HTML에서 :

<button class="new-button">New Button...</button>

그리고 CSS에서

button.new-button:focus {
    outline: none;
}

도움이되기를 바랍니다 🙂