단추에서 테두리 제거

단추에서 테두리 제거

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

단추에서 회색 테두리를 제거하는 방법을 아는 사람이 있습니까? 이미지 자체입니다.감사해요.

더하다

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>

input[type="button"] {
border: none;
outline:none;
}

다음과 같은 스타일을 쉽게 적용할 수 있습니다.

MyButton {
border: none;
outline: none;
background: none;
}

그border: none;또한 개요를 설명하지 않고 별도로 작업을 수행합니다(이유:윤곽선은 요소의 테두리 밖에 그려진 선입니다.따라서 경계가 없는 경우에는 외곽선 재산은 그 자체로 아무런 의미를 갖지 않습니다.)

배경 축약 CSS 속성은 색상, 이미지, 오리진 및 크기 또는 반복 메서드와 같은 모든 배경 스타일 속성을 한 번에 설정합니다.그래서 당신이 그것의 값을 다음과 같이 설정할 때.none, 그러면 버튼이 색깔, 이미지 등을 가질 수 없게 됩니다.

버튼의 버튼에서 기본 '블루 보더'를 제거하려면 다음을 클릭합니다.

html에서:

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

그리고 CSS에서

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

도움이 되길 바랍니다 :)

다음을 사용해 보십시오.border:0;아니면border:none;

시도해 볼 수도 있습니다.background:none;border:0px단추로

또한 CSS 셀렉터는div#yes button{..}그리고.div#no button{..}. 도움이 되기를 바랍니다

이것을 CSS로 추가하면,

button[type=submit]{border:none;}

사용만 하면 됩니다.

CSS

button {
 border:none; 
 outline:none;
}

일반적인 방법은 이미지 자체를 버튼이 아닌 링크의 일부로 만드는 것입니다.그런 다음, "클릭" 이벤트를 사용자 정의 처리기로 바인딩합니다.

Jquery-UI나 Bootstrap과 같은 프레임워크는 이것을 즉시 실행합니다.그 중 하나를 사용하면 전체 응용프로그램 개념을 훨씬 쉽게 이해할 수 있습니다.

CSS 스타일링의 버튼을 다음과 같이 공략할 수 있습니다.

 div button {
    border: none;
 }

$(".myButtonClass").css(["border:none; background-color:white; padding:0"]);

언급URL : https://stackoverflow.com/questions/11497094/remove-border-from-buttons