사용자 정의 드롭다운 화살표

선택 태그의 드롭다운 화살표를 4개 요소로 구성된 사용자 정의 화살표로 변경할 수 있습니까? 나는 다음과 같이 보이기를 원합니다. 왼쪽에 3개의 수평선과 오른쪽에 아래쪽 화살표가 있습니다. 저는 하나의 요소(가로선)로 이 효과를 성공적으로 달성했습니다.select-wrapper::before{content:"";position:absolute ;상단:50%;디스플레이:블록;너비:9px;높이:2px;배경

P粉986937457 2023-08-17 17:52:04 0  1  519

상수 교체 후에는 왼쪽 사이드바의 드롭다운 화살표가 나타나지 않습니다. JS 및 CSS를 도입하는 데 문제가 없습니다.

상수 교체 후에는 왼쪽 사이드바의 드롭다운 화살표가 나타나지 않습니다. JS 및 CSS를 도입하는 데 문제가 없습니다. 누구든지 나에게 무슨 일이 일어나고 있는지 지침을 줄 수 있습니까?

浮尘 2017-12-26 17:00:53 0  3  1548

javascript - 플랫리스트 드롭다운 구성 요소 스타일을 사용자 정의하는 방법은 무엇입니까?

1. 먼저, 제가 달성하고 싶은 효과에 대해 말씀드리겠습니다. 휴대폰에서 JD.com과 같은 사진을 끌어당긴 다음, 손을 뗀 후 새 페이지로 이동하세요. 2. 하지만 Flatlist에는 기본 드롭다운 이벤트 {code...}가 있습니다. 문서에서 이 헤더 컨트롤을 변경하는 방법을 모르겠습니다. Android는 기본적으로 검은색 원형 새로 고침 구성 요소를 사용합니다.

PHP中文网 2017-06-08 11:02:39 0  1  1336

ES6 화살표 함수에서 return 문을 언제 사용해야 합니까?

새로운 ES6 화살표 함수는 어떤 경우에는 반환이 암시적이라고 말합니다. 표현식은 함수의 암시적 반환 값이기도 합니다. ES6 화살표 함수에서 어떤 상황에서 return을 사용해야 합니까?

P粉771233336 2023-08-22 13:20:02 0  2  644

HTML, CSS 및 SVG를 사용하여 확장 가능한 표지판 만들기

표지판(팁이 있는 직사각형) 형태의 버튼을 만들고 싶습니다. ________|\|_______/각 텍스트의 길이가 다른 텍스트를 로고에 동적으로 쓰고 싶습니다. 그래픽만 배경 그래픽으로 사용하여 이 작업을 시도하면 그에 따라 화살표의 크기가 조정되고 압축/늘어납니다. 따라서 이를 수행하는 방법은 텍스트를 일반 div에 넣고 CSS:after를 사용하여 화살표를 SVG로 추가하는 것입니다. 화살표는 완전히 채워져야 합니다. 즉, 프레이밍 문제를 다룰 필요가 없습니다. (가시성을 높이기 위해 SVG를 검정색으로 남겨 두었습니다.) 첫 ...

P粉555682718 2024-03-31 14:45:14 0  1  468

javascript - QQ 브라우저와 uc 브라우저는 css3 애니메이션을 지원하지 않지만, qq와 WeChat의 내장 브라우저는 지원합니다.

매우 간단한 효과로 드롭다운 목록 화살표가 회전합니다. QQ 및 WeChat의 내장 브라우저에서 코드를 여는 데 문제가 없으며 휴대폰의 기본 브라우저(Xiaomi 5splus)에서는 문제가 없지만 QQ 브라우저에서는 문제가 없습니다. UC는 열리지 않습니다.

ringa_lee 2017-06-12 09:32:38 0  1  947

javascript - jq 고정 높이 텍스트 확장 및 축소

{코드...} 이 효과를 어떻게 구현하나요? ​​여기에 적힌 높이가 고정되어 있어서 이상적이지 않은 것 같은데 이 텍스트의 양이 확실하지 않습니다.

伊谢尔伦 2017-06-29 10:09:11 0  3  1238

React Slick의 오버플로 문제에 직면

저는 Reactslick을 사용하여 슬라이더를 만들고 있습니다. 슬라이더 카드에는 다양한 옵션이 있는 드롭다운 메뉴가 포함되어 있습니다. 드롭다운이 열려 있으면 드롭다운의 절반이 잘리고 전체 드롭다운을 볼 수 없습니다. Codepen: https://codepen.io/gtm18/pen/YzRdaML(jQuery 데모) $(document).ready(function(){$('.carousel').slick({slidesToShow:3,dots :true,

P粉827121558 2023-09-17 10:16:57 0  1  519

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1000

javascript - 웹팩이 없는 파일이 별도로 패키지됨 오류

{Code...}는 헤더에 패키징되어 있는데, 별도의 파일로 패키징하고 싶어서 {Code...}로 패키징한 스타일은 less 파일의 내용을 복사하는 것과 동일합니다. 내 less 파일의 내용은 다음과 같습니다. {code...} 패키지 스타일도 다음과 같습니다. {code...

给我你的怀抱 2017-06-26 10:58:03 0  1  735

html5 - z-index는 브라우저 디버깅에서는 유효하지만 휴대폰 테스트에서는 유효하지 않습니다.

브라우저 디버깅 시 드래그 이벤트 발생 후 화살표가 숨겨지는데, 모바일 위챗에서는 사용이 쉽지 않습니다. 이 요소에는 애니메이션을 삭제하면 효과가 나타납니다. 현재 스타일 파일에는 플로팅이 없습니다. 위치에 대한 이유는 브라우저에 있기 때문입니다.

高洛峰 2017-07-04 13:45:06 0  2  1837

입력한 숫자를 늘리는 방법은 무엇입니까?

HTMLinput 요소를 사용할 때 step 속성을 구현하려고 합니다. 이렇게 하면 입력 필드에서 위쪽/아래쪽 화살표를 클릭하여 현재 값에 100을 추가할 수 있습니다. 그러나 단계는 유효한 값을 결정하므로 단순한 증분으로는 작동하지 않습니다. 예를 들어 123을 입력하면 223이 아닌 200으로 늘어나게 됩니다. //populatefielddocument.querySelector("input").value="123";<inp

P粉605233764 2024-04-01 19:13:50 0  2  387

Z-색인을 사용하여 드롭다운 콘텐츠를 맨 위에 배치하는 방법은 무엇입니까?

모바일 보기에서 이와 같이 작동해야 하지만 요소를 검사할 때 모바일 보기에 나타나는 드롭다운 div 요소입니다. 이 요소를 "z-index:121212!important;"로 유지하기 위해 거의 모든 관련 탐색 요소에서 CSS z-index 스타일을 변경하려고 시도했지만 드롭다운 div가 여전히 다른 모든 탐색 링크 뒤에 나타납니다. 왜 이런 일이 일어나는지 아는 사람이 있나요? 어떤 도움이라도 대단히 감사하겠습니다. 이것은 내 HTML 코드와 CSS입니다: .navbar-mobile.dropdown>

P粉986860950 2023-08-31 23:37:47 0  1  513

gvim - 삽입 모드를 일시적으로 종료하고 vim에서 일반 모드로 들어가는 방법은 무엇입니까?

제목처럼 괄호를 다 쳤을 때 커서를 움직여야 할 때가 있는데, 화살표를 이용해 이동하면 손에서 멀어지는데, 먼저 Esc를 누르면 좀 번거롭습니다. 일반 모드로 돌아가면 누르는 버튼이 많네요. 눌렀을 때 일반 모드로 들어가는 버튼이 있나요?

PHPz 2017-05-16 16:39:12 0  5  1202

React를 사용하여 이미지에 대화형 마커 배치

도와주세요. 홈 페이지에 표시되는 아래와 같은 이미지(더 큰 이미지)가 있습니다. "FORGE" 하우스에는 중앙에 검은색 화살표가 있는 흰색과 파란색 마커가 있습니다. '임대' 주택도 마찬가지다. 이러한 각 마커는 대화형 버튼 역할을 합니다. 예상되는 상호 작용 동작은 다음과 같습니다. 마우스를 올리면 파란색 배경이 확장되어 "Forge" 또는 "Rentals"라는 텍스트가 표시됩니다. 클릭하면 사용자가 적절한 "Forge" 또는 "Rentals&quo...

P粉896751037 2023-09-08 21:25:41 0  1  851

javascript - jquery는 광고 아래에 .sort 스타일을 사용하여 모든 항목을 어떻게 쿼리합니까?

클릭 트리거 이후에는 실리빙 프롬프트를 사용할 수 없습니다. . 원하는 효과는 th를 클릭한 후 동일한 수준에서 .sort 스타일을 사용하여 추가된 모든 .add 스타일을 검색하는 것입니다. {암호...}

滿天的星座 2017-06-26 10:52:19 0  4  899

javascript - vue에서 만든 웹페이지는 크롬과 안드로이드폰에서는 잘 작동하지만, 애플폰에서는 불완전하게 표시되어 풀다운이 되지 않습니다.

DEMO 주소 애플폰을 보시면 어떤 효과인지 아실겁니다. 크롬하의 모바일 모드이고, 안드로이드폰에서도 마찬가지입니다. iPhone 5s에서도 마찬가지입니다. 위의 화면이 불완전하여 끌어 내릴 수 없는 것을 볼 수 있습니다. 당신은 무엇을 요구하고 있습니까?

PHPz 2017-06-06 09:53:38 0  4  2000

Select2 드롭다운의 모양을 개인화하세요

제 경우에는 드롭다운에 select2Combobox를 사용하고 있습니다. 여기에서 국가 선택이 변경되면 선택한 ID를 JSON 결과에 전달하고 결과를 얻어 지방 콤보 상자에 할당됩니다. 이런 일이 발생하면 드롭다운 보기가 둥근 모서리에서 정사각형으로 변경됩니다. select2 콤보박스에 동일한 스타일을 추가하는 방법을 알고 싶습니다. 여기 내 코드가 있습니다. <divclass="col-md-6col-sm-6"><divclass=&q

P粉256487077 2024-04-03 11:27:22 0  1  491

Safari: Webcamjs가 실시간 이미지를 정확하게 캡처하지 않습니다.

저는 매 x분마다 사용자의 이미지를 촬영하고(허가를 받아) 웹캠 HTML 요소를 사용자에게 보이지 않게 만드는 감시 시스템을 개발 중입니다. 그러나 때로는 캡처된 이미지가 Safari에서 오래된 이미지를 표시하는 경우가 있습니다. 나는 웹캠 js를 사용하여 모의 애플리케이션을 만들었고 웹캠 노드가 뷰포트에서 숨겨진 경우에만 Safari에서 이 애플리케이션을 재현할 수 있습니다. 뷰포트에서 웹캠 요소를 숨기기 위해 다음 스타일 #webcam{position:fixed;top:-1000을 사용했습니다.

P粉338969567 2024-02-17 15:12:30 0  1  377

jQuery 사용: 출력에 배열 인덱스 값 추가

저는 jQuery와 JavaScript를 처음 사용합니다. (이전) 드롭다운 선택 필드에서 사용자가 선택한 숫자를 기반으로 새 텍스트 입력 필드를 추가하여 다음 코드가 작동하도록 관리되었습니다. <script>$(function(){varinput=$('<inputplaceholder="이름 또는 직위를 입력하세요..."type="text"required/>');varnewFields=$(

P粉567112391 2023-09-16 09:54:22 0  1  817