선택 시 라디오 버튼의 테두리 효과 유지

두 가지 라디오 유형 옵션이 있습니다. 옵션을 선택하면 파란색 테두리가 표시됩니다. 문제는 다른 곳을 클릭하면 테두리 효과가 사라진다는 것입니다. 다른 옵션으로 전환하지 않는 한 클릭할 때마다 파란색 테두리 효과가 유지되도록 하고 싶습니다. 그리고 오른쪽의 "스팬"에 가격을 입력하고 왼쪽에 제품명을 유지하려면 어떻게 해야 하나요? .checkbox-custom,.radio-custom{불투명도:0;위치:절대;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  562

테이블의 열 테두리를 만드는 방법은 무엇입니까?

스크린샷에 표시된 대로 테이블을 만들어야 합니다. 결과는 무엇입니까? 문제: "등록됨" 열의 스크린샷처럼 녹색 테두리를 만들 수 없습니다. 질문: 표라면 이 테두리를 어떻게 만드나요? div에서 재정의를 시도했지만 아무것도 작동하지 않았습니다. style.container{table{width:100%;border-collapse:collapse;thead{tr{th{padding-bottom:18px;width:230px;&: fi

P粉176151589 2024-01-16 19:25:40 0  2  462

html-css에 이런 종류의 테두리를 추가하는 방법은 무엇입니까?

그림에서 볼 수 있듯이 그림의 네 모서리에 테두리를 추가하여 이 효과를 어떻게 얻을 수 있습니까?

伊谢尔伦 2017-05-16 13:34:16 0  6  962

버튼의 테두리가 내용 밖으로 몇 픽셀 떨어져 있도록 하려면 어떻게 해야 합니까?

아래와 같은 테두리를 만들고 싶지만 CSS를 사용하여 이를 달성하는 방법을 잘 모르겠습니다. 누구든지 도와줄 수 있습니까? 현재 코드에는 이 스타일을 원하는 버튼이 포함되어 있습니다. <liclass="nav-itembutton"><aclass="nav-link"href="#"><svgxmlns="http://www.w3.org/2000/svg&qu

P粉633075725 2023-09-08 17:01:07 0  1  531

SVG 또는 CSS를 사용하여 하이브리드 직선/곡선 섹션 경계를 만드는 방법은 무엇입니까?

내 응용 프로그램의 경우 비표준 섹션 경계가 있는 등록 페이지를 만들고 있습니다. 여기에서 제가 달성하려는 것이 무엇인지 알 수 있습니다. 이것은 단순한 호가 아닙니다. 두 개의 직선과 그 사이에 호가 있습니다. 내가 아는 한, 이와 같은 것을 달성하는 가장 좋은 방법은 SVG를 사용하는 것입니다. 문제는 흰색 영역이 전체 영역을 덮는 이미지를 갖게 된다는 것입니다. 시연을 위해 하늘색을 사용하겠습니다. 배경 이미지 속성이 있는 표준 div를 사용하는 경우 SVG의 흰색이 불투명하므로 다음과 같은 결과가 나타납니다. 나중에 읽기 위...

P粉920835423 2023-09-02 11:35:13 0  1  644

테두리 그라디언트는 border-radius와 호환됩니까?

둥근 테두리(테두리 반경)로 입력 상자의 스타일을 지정하고 테두리에 그라데이션 효과를 추가하려고 합니다. 그라데이션과 둥근 테두리를 성공적으로 만들 수 있지만 동시에 둘 다 만들 수는 없습니다. 둥근 모서리가 있지만 그라데이션이 없거나, 그라데이션이 있지만 둥근 모서리가 없습니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  516

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  839

vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  458

그라데이션이 있는 테두리 이미지에 테두리 반경을 사용할 수 있나요?

원형 테두리(테두리 반경)가 있는 입력 필드를 디자인하고 해당 테두리에 그라데이션을 추가하려고 합니다. 그라데이션과 원형 테두리를 성공적으로 만들 수 있지만 둘 다 함께 사용할 수는 없습니다. 그라디언트가 없는 둥근 모서리이거나 그라디언트가 있지만 둥근 모서리가 없는 테두리입니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  577

css3 - 배경색 대신 CSS 글꼴 스타일과 채우기 색상 추가

다음과 같은 글꼴 스타일이 있습니다. 전체 스팬이 하트를 감싸는 대신 하트에 색상을 추가하려는 경우 색상 오류는 다음과 같습니다. 스팬의 정의는 다음과 같습니다. {코드...} 배경색을 추가하면 위의 그림이 나타납니다. 색상을 직접 사용하면 하트 모양의 테두리만 색칠됩니다.

天蓬老师 2017-06-08 11:02:27 0  2  1289

javascript - 테두리 상단 중앙에 텍스트를 넣는 방법

그림과 같이 상단 테두리 중앙에 텍스트를 배치하는 방법에 대한 구현 또는 아이디어입니다.

某草草 2017-05-19 10:44:10 0  3  585

여백 접기를 비활성화하는 방법

여백 접기를 완전히 비활성화하는 방법이 있습니까? 내가 찾은 유일한 해결책("uncollapsing"이라고 함)은 1픽셀 테두리나 1픽셀 패딩을 사용하는 것입니다. 저는 이것이 용납될 수 없다고 생각합니다. 추가 픽셀로 인해 계산이 불필요하게 복잡해지기 때문입니다. 이 여백 축소를 비활성화하는 더 합리적인 방법이 있습니까?

P粉530519234 2023-08-21 23:21:12 0  2  495

javascript - 탭-현재 탭의 아래쪽 테두리를 제거하는 방법은 무엇입니까?

그림과 같이 section2의 아래쪽 테두리를 제거하는 방법은 다음과 같습니다. http://jsfiddle.net/996Bw/. 해결하다. 감사해요.

迷茫 2017-06-21 10:12:39 0  1  903

flex CSS - 래핑 대신 특정 높이 이후의 클립 요소

테두리는 정적 높이와 너비를 나타냅니다. 항목 5와 6을 두 번째 줄에 두고 그림과 같이 세 번째로 포장하는 대신 항목 3과 6을 잘라내기를 원합니다. Flex를 사용하여 어떻게 이를 달성할 수 있나요? 이 문제를 보완하기 위해 테두리와 함께 표시되는 컨테이너의 너비는 사용자 작업에 따라 크기가 조정될 수 있습니다. 넓을 때. 예를 들어, 너비가 4개 요소를 수용할 수 있을 만큼 넓으면 첫 번째 행에 4개 요소를 모두 표시하고 두 번째 행에 나머지 요소를 표시합니다. 컨테이너의 너비를 축소할 때 아래 이미지에 표시된 것처럼 최대 2...

P粉785957729 2024-04-01 14:02:02 0  1  541

부트스트랩 버튼이 활성화된 경우 각 버튼에 그림자/테두리를 추가하는 CSS

저는 프론트엔드를 생성하기 위해 React 프레임워크를 사용하고 디자인을 위해 Bootstrap5.3을 사용하고 있습니다. 내 이해에 따르면 Bootstrap은 이제 그림자 효과를 표준으로 제거했습니다. 따라서 버튼이 활성화되면 Bootstrap v5.0 설명서와 같이 버튼에 그림자/테두리가 표시되지 않습니다. https://getbootstrap.com/docs/5.0/comComponents/buttons/ 안타깝게도 코드에서 개별 버튼을 직접 사용자 정의하는 방법을 모르겠습니다. 가능합니까?

P粉256487077 2023-08-17 23:54:27 0  1  527

TailwindCSS - 요소의 드롭다운 메뉴가 사이드바의 다른 요소를 경계 밖으로 밀어내지 않도록 만드는 방법은 무엇입니까?

기본적으로 여러 섹션(파란색)을 포함할 수 있는 사이드바가 있는데, 각 섹션은 켜거나 끌 수 있고 여러 항목(빨간색)을 포함할 수 있습니다. 열 때 확장된 요소가 다른 파란색 부분을 테두리 밖으로 밀어내지 않고 테두리 밖으로 밀어내고 확장된 부분에서 오버플로-y 스크롤을 수행하기를 원합니다. 다음은 모양(1)과 모양(2)에 대한 스크린샷입니다. 사용된 코드는 다음과 같습니다. <divid="container" class="h-96w-52ov

P粉505450505 2023-09-03 19:21:03 0  1  638

SASS 스타일은 미디어 쿼리보다 우선합니다.

미디어 쿼리를 사용하여 데스크톱 장치의 스타일을 재정의하려고 하는데 작동하지 않는 것 같습니다. 테두리 색상을 h2 요소로 설정하고 문제를 더 잘 시각화하기 위해 테스트를 수행했습니다. 보시다시피, h2의 테두리 색상은 노란색으로 설정되어 있습니다. 내 SASS 스타일은 다음과 같습니다. .hero{width:100%;position:relative;Background-color:$orange-color;Background-image:url("../../../src/asse

P粉953231781 2024-04-05 15:03:00 0  1  3587

Safari에서 CSS를 사용하여 원형 <button>에 원형 윤곽선을 얻는 방법

동일한 색상 외곽선을 가진 둥근 버튼을 얻으려고 하는데 불가능한 것 같습니다. 윤곽선은 항상 정사각형이 됩니다. a를 사용하여 이를 달성할 수 있는 방법이 있습니까? 아니면 a를 통해서만 달성할 수 있습니까? 버튼{너비:40px;높이:40px;테두리:없음;테두리 반경:40px;커서:포인터;배경색:검정색;디스플레이:상속;개요:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1054

tailwind.css에서 .rounded-lg는 테이블에 영향을 주지 않습니다.

현재 저는 tailwind 버전 3.3.3을 사용하고 있습니다. 테이블의 둥근 모서리 효과를 얻을 수 없습니다. 클래스 이름이 "overflow-hidden rounded-lg"인 래퍼 컨테이너를 추가해 보았습니다. 이렇게 하면 둥근 모서리 문제가 해결되지만 양쪽의 테두리도 사라집니다. 이 문제를 어떻게 해결할 수 있나요? 내 코드는: PlanN

P粉447495069 2023-07-24 20:47:03 0  1  593

CSS: 그림자를 사용하여 Vuetify 대화 상자 내부 div에서 그림자 제거

div에 CSS를 사용하여 삼각형이 추가된 대화 상자가 있습니다. 그러나 CSS의 비결은 테두리 부분이 투명하다는 것입니다. 내가 해결하려는 문제는 대화 상자 자체에서 그림자를 제거하지 않고 투명 테두리에서 그림자를 제거하는 것입니다. 이것을 div에 추가하면 작동하지 않습니다. box-shadow:none; 제거하려는 콘텐츠의 그림은 다음과 같습니다. 이 삼각형을 생성하는 div의 클래스는 다음과 같습니다. .arrow-up{width:0;height :0; 테두리 왼쪽:25pxsolidtransparent;

P粉826429907 2023-09-13 19:57:28 0  1  631