반응형

CSS 9

부트스트랩 3의 입력 폭

부트스트랩 3의 입력 폭 다시 업데이트:질문을 제대로 이해하지 못한 상태에서 답변을 추가하지 못하도록 상위 답변을 선택하여 이 질문을 마칩니다.실제로는 그리드를 사용하거나 추가 CSS를 추가하지 않고서는 빌드 인 기능으로 이를 수행할 방법이 없습니다.처리할 경우 그리드가 제대로 작동하지 않습니다.help-block예를 들어 짧은 입력을 넘어서야 하지만 '빌트인' 상태인 요소.그것이 문제라면 여기 BS3 토론에서 확인할 수 있는 추가 CSS 클래스를 사용하는 것을 추천합니다.이제 BS4가 출시되었기 때문에 이를 관리하기 위해 포함된 사이징 스타일을 사용할 수 있습니다. 따라서 이 작업은 더 이상 관련이 없을 것입니다.이 인기있는 SO 질문에 대해 좋은 의견을 주셔서 모두 감사합니다. 업데이트: 이 질문은 ..

programing 2023.10.19

CSS를 사용한 대체 테이블 행 색상?

CSS를 사용한 대체 테이블 행 색상? 저는 이것과 행 색상이 번갈아 나오는 테이블을 사용하고 있습니다. tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } One one Two two 저는 여기서 수업을 하고 있습니다.tr, 하지만 나는 오직 를 위해 사용하고 싶습니다.table. 내가 테이블을 위해 수업을 사용할 때는 이것이 적용됩니다.tr대안. CSS를 이용해서 이렇게 HTML을 작성할 수 있습니까? Oneone Twotwo CSS를 사용하여 행에 "제브라 스트라이프"가 생기도록 하려면 어떻게 해야 합니까? $(document).ready(function() ..

programing 2023.10.19

단추에서 테두리 제거

단추에서 테두리 제거 저는 표준 버튼 이미지 대신에 버튼을 만들고 저만의 이미지를 넣으려고 했습니다.그러나 표준 버튼의 회색 테두리는 여전히 남아 있으며 검은색 버튼 이미지의 바깥쪽에 표시됩니다. 단추에서 회색 테두리를 제거하는 방법을 아는 사람이 있습니까? 이미지 자체입니다.감사해요.더하다 padding: 0; border: none; background: none; 당신의 단추에 맞춰서. 데모: https://jsfiddle.net/Vestride/dkr9b/이건 제게 딱 맞는 것 같네요. button:focus { outline: none; } 저는 같은 문제를 겪고 있었고 CSS에서 버튼을 스타일링하고 있어도 절대로 선택되지 않습니다.border:none하지만 효과가 있었던 것은 바로 입력 버튼에..

programing 2023.10.04

디브를 나란히 두는 방법

디브를 나란히 두는 방법 이 질문에는 이미 다음과 같은 답변이 있습니다. 두 디브 나란히 - 오일 디스플레이 (10개 답변) 닫힘3개월 전에. 저는 폭 100%로 설정된 메인 포장지 디브가 있습니다.그 안에 하나는 고정 폭이고 다른 하나는 나머지 공간을 채우는 두 개의 디브를 가지고 싶습니다.나머지 공간을 채우기 위해 두 번째 디브를 어떻게 띄우나요?도와주셔서 감사합니다.요청한 작업을 수행하는 데는 여러 가지 방법이 있습니다. CSS 속성 사용: Left Right CSS 속성 사용 - 를 만드는 데 사용할 수 있습니다.div의 행세를 보다table: Left Right 더 많은 방법이 있지만, 그 두 가지 방법이 가장 인기가 많습니다.CSS3는 이러한 동작을 달성할 수 있는 플렉서블 박스(일명 플렉스 ..

programing 2023.09.19

이미지를 사용하는 것보다 서클 디브를 만드는 더 쉬운 방법은?

이미지를 사용하는 것보다 서클 디브를 만드는 더 쉬운 방법은? 지금 하는 일보다 더 쉬운 순환 디브를 만들 수 있는 방법이 없을까 생각 중입니다. 지금은 사이즈별로 이미지를 만드는 중인데, 이렇게 하는 것이 귀찮습니다. CSS를 사용하여 반지름을 지정할 수 있는 원형의 div를 만드는 방법이 있습니까?여기 데모가 있습니다. http://jsfiddle.net/thirtydot/JJytE/1170/ CSS: .circleBase { border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ } .type1 { width: 100px; height: 100px; background: yellow; border: 3p..

programing 2023.09.04

데이터를 제출하지 않는 사용 불가능한 양식 필드

데이터를 제출하지 않는 사용 불가능한 양식 필드 이 질문에는 이미 다음과 같은 답이 있습니다. 비활성화된 양식 입력이 요청에 나타나지 않습니다. (13개 답변) 마감됨3년 전에. 사용할 수 없는 양식 필드에서 데이터를 제출할 수 있는 방법이 있습니까(속성 플래그 등)이 있습니까? 아니면, 그것이 불가능하다면, 필드를 숨기지 않고 CSS나 비활성화된 다른 속성으로 편집하는 것을 차단할 수 있는 방법이 있습니까? 현재 저의 특별한 경우는 (편집 불가능) 형태로 표시되어야 하는 데이터 세트의 식별자입니다. 더 나은 솔루션이 없다면 비활성화된 필드 외에 숨겨진 필드를 사용하여 실제 값을 표시하고 비활성화된 필드가 표시되도록 할 것입니다.이미 언급했듯이:READONLY에 적합하지 않습니다.그리고..... 만약 당..

programing 2023.09.04

html "선택" 요소의 옵션을 스타일화하는 방법은 무엇입니까?

html "선택" 요소의 옵션을 스타일화하는 방법은 무엇입니까? 제 HTML은 다음과 같습니다. Product1 : Electronics Product2 : Sports 제품 이름(예: '제품1', '제품2' 등)과 그 범주(비즈)를 굵게 만들고 싶습니다.Electronics, Sports 등)는 CSS만을 사용하여 기울임꼴로 표시됩니다.HTML과 CSS를 사용하는 것은 불가능하다는 오래된 질문을 찾았지만, 이제 해결책이 있기를 바랍니다.몇 가지 스타일 속성만 적용할 수 있습니다.요소 이는 이러한 유형의 요소가 "교체된 요소"의 예이기 때문입니다.OS에 의존하며 HTML/브라우저의 일부가 아닙니다.CSS를 통해 스타일링할 수 없습니다. 다음과 같은 교체 플러그인/라이브러리가 있습니다.실제로는 스타일을 지..

programing 2023.08.10

CSS를 사용하여 어떻게 특정 번호의 아이를 얻을 수 있습니까?

CSS를 사용하여 어떻게 특정 번호의 아이를 얻을 수 있습니까? 나는 있습니다table누구의.tds가 동적으로 생성됩니다.저는 첫째와 마지막 아이를 얻는 방법을 알고 있지만, 제 질문은 다음과 같습니다. CSS를 사용하여 둘째나 셋째 아이를 얻는 방법이 있습니까?최신 브라우저의 경우td:nth-child(2)두 번째로td,그리고.td:nth-child(3)세 번째로두 번째와 세 번째를 검색합니다.td 한 줄 한 줄 버전 9 이전 IE와의 호환성이 필요한 경우 Tim이 제안한 대로 형제자매 결합자 또는 JavaScript를 사용합니다.또한 그의 방법에 대한 설명과 설명은 이와 관련된 질문에 대한 나의 답변을 참조하십시오.IE 7 및 8(및 IE6을 포함하지 않는 CSS3 지원이 없는 다른 브라우저)의 경우..

programing 2023.07.31

아님:첫 번째 자식 선택기

아님:첫 번째 자식 선택기 나는 있습니다div여러 개가 포함된 태그ul꼬리표 첫 번째 CSS 속성을 설정할 수 있습니다.ul태그만: div ul:first-child { background-color: #900; } 하지만, 나의 다음 시도들은 서로에 대한 CSS 속성을 설정하는 것입니다.ul첫 번째 태그를 제외하고 태그가 작동하지 않습니다. div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: #900; } div ul:first-child:after { background-color: #900; } 어떻게 CSS로 쓸 수 있습니까: "첫 번째 요소를 제외한 각 요소"?당신이 게시한 버..

programing 2023.07.11
반응형