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

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

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

javascript - 마우스를 올리면 빨간색 테두리가 표시되는 효과를 얻는 방법

이 효과를 만든 사람은 누구입니까? ​​이것은 내가 작성한 것입니다. border-right:1px solid #eee;border-bottom:1px solid #eee; 왼쪽을 만드는 방법 ul li:hover{border-color:#ed9639 ;} 마우스를 가리키면 빨간색 픽셀 프레임도 있습니다.

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1277

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

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

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

테두리 그라디언트는 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  511

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

스크린샷에 표시된 대로 테이블을 만들어야 합니다. 결과는 무엇입니까? 문제: "등록됨" 열의 스크린샷처럼 녹색 테두리를 만들 수 없습니다. 질문: 표라면 이 테두리를 어떻게 만드나요? 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  446

javascript - 이 스트로크 애니메이션 효과는 어떻게 얻습니까?

이 스트로크 같은 효과는 마우스를 위에 올리면 나타납니다. 순수한 CSS로 얻을 수 있습니까? 동일한 효과를 얻는 방법은 무엇입니까?

学习ing 2017-06-24 09:44:08 0  3  931

CSS 요소 가장자리가 스크롤 상자 가장자리 "바깥쪽"에 있다는 것은 무엇을 의미합니까?

다음 사양을 해석하는 올바른 방법은 무엇입니까? "요소 가장자리 A와 요소 가장자리 B가 모두 스크롤 상자 가장자리 A와 스크롤 상자 가장자리 B 외부에 있는 경우 아무 작업도 수행하지 마세요. 출처: https://drafts.csswg.org/cssom-view/#dom -scrollologicalposition-nearest: ~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  534

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

원형 테두리(테두리 반경)가 있는 입력 필드를 디자인하고 해당 테두리에 그라데이션을 추가하려고 합니다. 그라데이션과 원형 테두리를 성공적으로 만들 수 있지만 둘 다 함께 사용할 수는 없습니다. 그라디언트가 없는 둥근 모서리이거나 그라디언트가 있지만 둥근 모서리가 없는 테두리입니다. -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  564

CSS로 블록의 가장자리를 수정하여 페더링 효과를 얻는 방법 알아보기

상자 가장자리에 깃털 모양의 흐림 효과가 있도록 CSS를 어떻게 수정합니까? 상자의 배경에 반투명 유리 효과를 주고, 주변의 날카로운 모서리 대신 점진적으로 배경과 혼합되는 깃털 효과를 주고 싶지만 현재 CSS를 수정하는 방법을 모르겠습니다. 도움을 받으시길 바랍니다. 감사합니다. .wrap{위치:상대적;너비:100%;높이:100vh;배경-이미지:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  724

CSS - img 태그에 테두리가 있음

img 태그에서 테두리를 어떻게 제거합니까? {코드...} 웹 페이지에 테두리를 넣기 위해 이미지 경로를 사용하지 않았는데, border:0을 사용해도 없앨 수 없었습니다....

PHP中文网 2017-06-12 09:24:40 0  3  983

테두리 반경이 있는 그라데이션 테두리 만들기

나는 아래 CSS:a.btn.white-grad{배경:$lgrey;color:#313149!important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570) ;국경-이미지-슬라이스:20;float:왼쪽;@include글꼴-크기(

P粉930448030 2023-08-13 16:23:14 0  2  468

패딩 및 내부 테두리

기본적으로 두 개의 상자가 있는데, 하나는 다른 하나 안에 있습니다. 외부 상자의 경우 모든 내부 텍스트의 패딩을 10px로 설정했지만 내부 상자의 테두리는 이 규칙을 따르지 않는 것 같습니다. .plan{display:block;margin:20px20%;width:auto;border:2pxsolid;border-radius:5px;}.plan*{text-꾸밈:none;padding:0px10px;}.plan*.

P粉448130258 2023-08-17 12:46:37 0  1  503

php - ci 프레임워크에서 site_url과 base_url을 인쇄하면 동일한 효과가 있습니까?

동일한 효과를 내기 위해 ci 프레임워크에서 site_url() 함수와 base_url 함수를 사용하는 이유는 무엇입니까? 인쇄된 결과는 완전히 동일합니다.

PHP中文网 2017-06-19 09:07:13 0  1  1207

CSS3 flex 하위 요소에 테두리를 추가한 후의 문제

상위 요소를 flex로 설정한 후 하위 요소 {flex:0 0 33.3333%}는 동일한 행에서 3개의 동일한 부분으로 나눌 수 있습니다. 그러나 하위 요소에 테두리를 추가하면 2개만 배열할 수 있습니다. Flex는 탄력적으로 확장 및 축소되며 테두리 너비는 계산되지 않습니다.

漂亮男人 2017-05-16 13:27:46 0  2  974

CSS Clip-path:circle() 속성을 사용하여 이미지 주위에 원형 테두리를 만듭니다.

이미지 클립 경로:원()에 테두리를 추가하는 방법을 알고 싶습니다. 테두리를 추가하는 다른 방법이 있습니까? 예: border: 5px solid red; 나는 이것을 시도했습니다: .roundedimage{width:200px;clip-path:circle();}<imgsrc="images/tv.jpg"alt="roundedImage" class="roundedimag

P粉875565683 2024-03-31 17:35:30 0  1  554

부트스트랩 버튼이 활성화된 경우 각 버튼에 그림자/테두리를 추가하는 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  518

div 요소의 경계 상자 가져오기: jQuery 구현 방법

jQuery/JavaScript를 통해 div 요소의 경계 상자를 계산하고 싶습니다. 다음 코드를 시도했습니다. // 상자의 왼쪽 document.getElementById("myElement").offsetLeft; // 상자의 위쪽 document.getElementById("myElement").offsetTop; 상자 document.getElementByI

P粉207483087 2023-08-22 11:18:36 0  2  526

javascript - 이 효과를 얻기 위해 CSS를 수정하는 방법

이제 얻은 효과는 다음과 같습니다. 아래에 스크롤 막대가 표시되지 않고 전체 빨간색 상자가 팝업 상자 오른쪽에 표시됩니다. 이를 달성하는 방법은 무엇입니까? 다음과 유사합니다. (PS에서 가져온 것입니다.) 다음은 내 코드입니다. 위의 요구 사항을 달성하려면 어떤 수정이 필요합니까? 감사해요! ! 코드는 다음과 같습니다: html...

学习ing 2017-07-05 11:06:58 0  2  993