css 20

입력 버튼에서 외곽선 테두리를 제거하는 방법

입력 버튼에서 외곽선 테두리를 제거하는 방법 다른 곳을 클릭하면 테두리가 사라집니다.onfocus: none, 도움이 안 됐어요이 못생긴 단추 테두리를 클릭하면 사라지는 방법은? input[type=button] { width: 120px; height: 60px; margin-left: 35px; display: block; background-color: gray; color: white; border: none; } 사용.outline: none;크롬으로 테두리를 제거할 수 있습니다. Chrome 및 FF에서 개요 집중: 제거된 버튼 포커스 윤곽선: button, input[type=button] { outline: none; } button::-moz-focus-inner, input[type=b..

source 2023.10.27

스타일시트로 해석되지만 MIME 형식의 텍스트/html로 전송된 리소스(웹 서버와 관련이 없는 것으로 보임)

스타일시트로 해석되지만 MIME 형식의 텍스트/html로 전송된 리소스(웹 서버와 관련이 없는 것으로 보임) 저한테 문제가 생겼어요.Chrome이 계속해서 이 오류를 반환합니다. 스타일시트로 해석되지만 MIME 유형 텍스트/html을 사용하여 전송된 리소스 이 오류의 영향을 받는 파일은 Style, choosed 및 jquery-gentlese(같은 방식으로 인덱스로 가져온 다른 CSS 파일)뿐입니다.제 MIME 타입을 이미 확인했고 텍스트/CSS는 이미 CSS에 있습니다. 솔직히 저는 그 문제(혼자서는 할 수 없을 것 같은 일)를 이해하는 것부터 시작하고 싶습니다. 저는 그 문제를 이해하는 것부터 시작하고 싶습니다. 브라우저는 서버에 HTTP 요청을 합니다.그러면 서버는 HTTP 응답을 합니다. 요청과..

source 2023.10.27

부트스트랩 3의 필수 필드에 별표 추가

부트스트랩 3의 필수 필드에 별표 추가 내 HTML에는 다음과 같은 클래스가 있습니다..required필수 필드에 할당됩니다. HTML은 다음과 같습니다. Username E-mail Password Password (again) first name last name I have read and agree to the Terms of Service Sign Me Up! 저는 CSS에 다음을 추가했습니다. .form-group .required .control-label:after { content:"*";color:red; } 그것은 여전히 위험을 주지 않습니다.*필요한 분야를 중심으로내가 뭘 놓치고 있는 거지?부트스트랩 3에서 직접 소개할 수 있는 방법은 없나요?*필요한 분야로? 편집 그*약관은 확인란..

source 2023.10.17

z-index가 position absolute에서 작동하지 않음

z-index가 position absolute에서 작동하지 않음 콘솔(크롬\파이어폭스)을 열고 다음 줄을 실행했습니다. $("body").append(""); $("body").append("dasdasdsadasdasdasdasdasd"); 그#popupContent무엇보다도 중요하지만 그것은 영향을 받습니다.#popupFrame불투명성 내용이 에 포함되어 있지 않습니다.#popupFrame그래서 정말 이상한 일입니다. 목표는 파이어폭스와 같은 경보 상자를 만드는 것입니다.두번째 나눗셈position: static(기본값) 따라서 z-index가 적용되지 않습니다. 위치를 지정해야 합니다(위치 속성을 다음과 같이 설정).static, 당신은 아마도 원할 것입니다.relative이 경우) 당신이 주고 ..

source 2023.10.17

부모의 패딩을 무시하는 절대 포지셔닝

부모의 패딩을 무시하는 절대 포지셔닝 절대 위치 요소를 어떻게 하면 부모의 패딩을 기릴 수 있을까요?나는 내부 디브가 부모의 폭을 가로질러 뻗어나가서 그 부모의 가장 아래에 위치하기를 원합니다. 기본적으로 바닥.하지만 아이는 부모의 패딩을 존중해야 하고 그렇게 하지는 않습니다.아이가 부모의 가장자리에 바로 눌려 있습니다. 그래서 이걸 원해요 하지만 난 이해할 수 있어요 css sux 이너 디브를 중심으로 여유를 두면서 그렇게 할 수는 있지만, 굳이 추가할 필요는 없겠군요.먼저 왜 이런 일이 일어나는지 알아보겠습니다. 그 position: absolute포함 상자는 부모의 패딩 상자(즉, 패딩 주위의 상자)입니다.이는 일반적으로(즉, 정적 또는 상대 위치 지정을 사용하는 경우) 포함 상자가 상위 내용 상자..

source 2023.10.12

부트스트랩 중앙 수직 및 수평 정렬

부트스트랩 중앙 수직 및 수평 정렬 폼만 존재하는 페이지가 있는데 화면 중앙에 폼을 배치하고 싶습니다. Example label Another label justify-content-center폼을 수평으로 정렬하는데 수직으로 정렬하는 방법을 알 수 없습니다.다를 .align-items-center그리고.align-self-center , . 제가 무엇을 빠뜨리고 있나요? 데모부트스트랩 5 (2021년 업데이트) 부트스트랩 5는 여전히 플렉스박스 기반이므로 수직 센터링은 부트스트랩 4에서와 동일한 방식으로 작동합니다.예를들면,align-items-center행) 및 (Flex-direction:행))justify-content-center(flex-direction: 컬럼) 은 플렉스박스 상위(행 또는 ..

source 2023.10.07

이 인라인 블록 요소는 왜 아래로 밀려나 있는 것입니까?

이 인라인 블록 요소는 왜 아래로 밀려나 있는 것입니까? 다음은 내 코드이고 나는 그 이유를 이해하고 싶습니다. #firstDiv모든 브라우저에 의해 아래로 밀려나고 있습니다.저는 왜 이런 저런 식으로 위로 당겨지지 않고 아래로 밀려나고 있는지 그 속내를 정말 이해하고 싶습니다. (그리고 저는 그들의 상의를 정렬하는 방법을 알고 있습니다 :) 그리고 나는 그것을 알고 있습니다.overflow:hidden;은 되고 왜는 잘 .div body { width: 350px; margin: 0px auto; } #container { border: 15px solid orange; } #firstDiv { border: 10px solid brown; display: inline-block; width: 70px..

source 2023.10.02

CSS 무단 회전 애니메이션

CSS 무단 회전 애니메이션 로딩 아이콘을 CSS로 회전하고 싶습니다. 아이콘과 다음 코드가 있습니다. 하지만 효과가 없습니다.CSS를 이용해 아이콘을 회전시키는 방법은? @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0..

source 2023.09.27

CSS 플로트를 한 줄에 유지하려면 어떻게 해야 합니까?

CSS 플로트를 한 줄에 유지하려면 어떻게 해야 합니까? 같은 라인에 있는 두개의 아이템을 사용하고 싶습니다.float: left왼쪽에 있는 항목에 대해. 저 혼자서는 아무 문제가 없습니다.문제는 브라우저 크기를 아주 작게 조정해도 두 항목이 동일한 라인을 유지하기를 원한다는 것입니다.있잖아요...테이블이 어떻던가요? 오른쪽에 있는 물건은 무조건 포장하지 않게 하는 것이 목표입니다. CSS를 사용하여 브라우저에 내용물을 포장하는 것보다 확장하는 것이 낫다는 것을 어떻게 말해야 할까요?float: right;div는 아래에 있습니다.float: left; div? 내가 원하는 것: \ +---------------+ +------------------------/ | float: left; | | floa..

source 2023.09.17

앵커 링크를 연결된 위치의 일부 픽셀 위로 이동합니다.

앵커 링크를 연결된 위치의 일부 픽셀 위로 이동합니다. 이 질문을/검색하는 가장 좋은 방법을 모르겠습니다. 앵커 링크를 클릭하면 페이지의 해당 섹션으로 이동하고 페이지 맨 위에 링크된 영역이 표시됩니다.앵커 링크를 통해 해당 페이지로 보내주시면 좋겠는데 상단에 자리가 있으면 좋겠습니다.마찬가지로, VERY TOP에 있는 링크드 투 파트로 보내지 않았으면 좋겠고, 100픽셀 정도의 공간이 있으면 좋겠습니다. 이게 말이 됩니까?가능한가요? 코드를 표시하도록 편집됨 - 앵커 태그일 뿐입니다. Click me! I should be 100px below where I currently am! window.addEventListener("hashchange", function () { window.scrollTo..

source 2023.09.17