버튼에서 테두리 제거

버튼에서 테두리 제거

---

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

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

---

더하다

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

버튼에.

데모:

https://jsfiddle.net/Vestride/dkr9b/

---

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

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{..}입니다. 도움이되기를 바랍니다

---

$(".myButtonClass").attr("style","border:none; background-color:white; padding:0");

내 .xhtml 페이지에서 아름답게 작동합니다.

참고 URL : https://stackoverflow.com/questions/11497094/remove-border-from-buttons