Tailwind CSS를 사용하여 라디오 버튼의 선택된 상태에 대한 응답으로 상위 div의 스타일 변경

여러 열이 있는 테이블과 행당 라디오 버튼이 있습니다. 특정 버튼을 선택하면 전체 행의 배경색을 변경해야 합니다. 이것이 달성될 수 있습니까? {{user.email}}{{user.name}} Tailwind에서는 'peer' 클래스를 사용하여 인접한 블록의 스타일을 지정할 수 있습니다. 하지만 상위 블록의 스타일을 지정해야 합니다(선택하면 상위 블록의 배경색이 변경되어야 함).

P粉718165540 2023-08-15 23:49:52 0  1  608

Vaadin 라디오 버튼 그룹을 버튼 그룹으로 스타일 지정할 수 있나요?

버튼 세트처럼 vaadin에서 라디오 버튼의 스타일을 지정하고 선택한 버튼 하나에 색상을 지정할 수 있습니까? 라디오 버튼과 같은 버튼 그룹을 사용하고 싶습니다. 한 항목은 확인할 수 있으며 나머지 항목은 확인할 수 없습니다.

P粉529245050 2024-02-03 19:49:05 0  1  360

선택 필드 및 옵션 스타일 지정

많은 옵션이 포함된 다중 선택 필드가 있는데 긴 항목 목록을 표시하는 대신 작은 덩어리로 표시하고 싶습니다. "옵션"을 "display:inline-block"으로 설정하면 이 작업을 수행할 수 있지만 옵션이 컨테이너 경계에 도달하면 두 번째 줄로 들어가지 않고 컨테이너 뒤에 숨겨지는 문제가 있습니다. 여기에서 볼 수 있듯이 마지막 항목을 잘라내고 다음 항목은 모두 표시되지 않습니다. .column-select{너비:100%;}.column-selectopti

P粉924915787 2023-09-08 11:28:13 0  2  463

ONCLICK을 사용하지 않고 JavaScript를 사용하여 라디오 버튼 선택에 따라 div 가시성을 제어합니다.

부분적으로 유효한 HTML 코드가 있습니다. 라디오 버튼 선택에 따라 일부 텍스트 입력을 표시하려고 합니다. 나에게 작동하는 방식은 라디오 버튼을 누르면 다른 옵션이 숨겨지지만 화면이 처음 로드되면 3가지 옵션이 모두 표시된다는 것입니다. 클릭 시 함수가 호출되고 첫 번째 라디오 버튼의 선택된 옵션이 클릭을 구성하지 않기 때문이라고 가정합니다. 처음 요청할 때만 표시되는 onload 이벤트 리스너를 만들어 보았지만 작동하지 않았습니다. 이것은 내 코드입니다 <%layout('layouts/boilerpl

P粉212114661 2024-02-17 21:44:02 0  1  507

CSS를 사용하여 태그 텍스트 내용을 기반으로 HTML의 글꼴 색상을 변경하는 방법

그래서 "예"와 "아니오"라는 텍스트가 있는 라디오 버튼이 있고 그 중 하나라도 선택되면 글꼴 색상을 변경하고 싶습니다. 예(녹색) 아니요(빨간색) 다음은 html 코드입니다. <asp:RadioButtonListID="RadioButtonList1" runat="server"RepeatDirection="Horizontal"><asp:ListItem

P粉349222772 2023-09-08 20:57:35 0  1  590

javascript - vuejs에서 목록 라디오 선택(스타일 변경) 구현하기

처음에는 선택된 항목이 선택 해제되지 않습니다. 스타일 코드는 다음과 같습니다. 문제는 무엇입니까? clickindex가 변경된 후 index와 clickindex가 다시 렌더링된다는 것입니다. 다른 셀은 동일하지 않습니다. 일반적인 스타일을 제공하지만 그렇지 않은 것 같습니다.

PHPz 2017-06-05 11:13:43 0  2  1175

javascript - IE(9+)에서는 일반적인 스타일이 적용되지 않습니다. 개발자 도구를 사용하여 요소를 선택할 때만 적용됩니다. 이유는 무엇입니까?

Chrome과 Firefox 모두에서 작동합니다. Edge 브라우저에서도 작동하지 않습니다. F12로 이 요소를 선택한 페이지: .interactiveSystem { {코드...} }

世界只因有你 2017-05-31 10:39:30 0  1  767

직접 제작한 <Tab/> 컴포넌트 사용시 "&.Mui-selected" 상태에 문제가 있습니다

사용자 정의 <Tab/>을 만들었고 다음 코드를 사용하여 선택한 색상을 제어하고 싶습니다. Sandbox 데모 코드 내보내기constTab=styled(MuiTab)({"&.Mui-selected":{color:"red "}} ); 그러나 찾아낸 결과는 다음과 같습니다. 1. 사용자 정의 스타일 구성 요소를 직접 적용 => 선택한 색상이 빨간색임 2. 사용자 정의 스타일 구성 요소를 자체 생성 구성 요소로 래핑 => 여유가 없음

P粉775788723 2023-09-20 19:56:31 0  1  569

javascript - 텍스트 선택 및 복사 비활성화 관련 문제

스타일은 다음과 같습니다. {code...} html 구조는 다음과 같습니다. {code...} 이 기사를 비활성화하기 위해 일부 항목이 선택되었습니다. 항목을 개별적으로 선택하면 선택이 실제로 비활성화될 수 있으며, 내용을 복사할 수는 없지만, cmd + a를 이용하여 모두 선택하면 비활성화된 항목이 페이지에 표시되는 것을 볼 수 있습니다...

为情所困 2017-06-26 10:58:49 0  2  789

javascript - 프런트엔드 패키징 구현

인터페이스나 다른 방법을 통해 해당 모듈을 선택하고, 해당 프런트엔드 파일을 패키징하여 내보내고, 관련 없는 모듈을 제거하는 것과 관련된 기술이 프런트엔드에 있는지 묻고 싶습니다. 예: 1: 모듈 1 2: 기능 1 3: 모듈 2 4: 스타일 1 모듈 1, 기능 1, 스타일 1을 선택한 후 해당 프런트 엔드 페이지를 내보냅니다...

三叔 2017-07-07 10:34:32 0  3  995

MUI 자동 완성 구성 요소에서 선택한 옵션 스타일을 사용자 정의하는 방법은 무엇입니까?

질문은 제목과 같습니다. 다중 옵션을 사용할 때 MUI에서 선택한 옵션의 스타일을 어떻게 변경할 수 있습니까? 강조 표시된 모든 옵션의 스타일을 변경하고 싶습니다. 귀하의 도움에 크게 감사드립니다. 감사합니다!

P粉769413355 2023-08-14 10:47:21 0  1  590

javascript - Chrome은 클릭 이벤트를 트리거하여 옆에 있는 텍스트를 선택합니다.

그림과 같이 선택 효과를 주어야 할 경우에는 토글 클래스 박스를 클릭하면 스타일이 변경되는데, 마우스를 자주 클릭하면 옆에 있는 텍스트가 선택되는 것으로 나타났습니다. 명확하지 않습니다. 그림을 살펴보겠습니다. 상자 부분을 클릭하면 배경이 변경되지만 빠르게 클릭하면 옆에 있는 부분도 선택됩니다.

怪我咯 2017-05-18 10:50:08 0  2  966

이미지 옵션 목록에서 어떻게 선택하나요?

선택한 출력에 모든 이미지가 표시되는 디자인을 구현하려고 합니다. 이미지를 선택하세요. 두 번째 옵션은 아무것도 표시하지 않습니다. 표시되는 경우 드롭다운 스타일을 지정해야 합니다. 보여주지 않겠습니다. 도와주셔서 감사합니다. 감사해요.

P粉974462439 2023-08-01 18:01:00 0  1  543

useState를 사용하여 양식에 입력된 값을 설정합니다.

useState를 사용하여 입력 값을 설정하려고 하는데 원하는 대로 작동하지 않습니다. 그래서 저는 Formik을 사용하여 약속 시스템의 주간 일정을 만들었습니다. 무료 약속 라디오 버튼이 있습니다. 선택하면 약속 시간 데이터를 가져옵니다. 그런데 이날 못받았어요. 그래서 일일 데이터를 얻기 위해 다른 입력을 추가해 보았습니다. 입력된 값을 상태로 설정합니다. 라디오 버튼을 선택하면 날짜가 설정됩니다. 하지만 onSubmit에서는 새로 설정된 값이 아닌 초기 값을 얻습니다. 흥미롭게도 입력에 무언가를 쓰려고 하면

P粉588660399 2023-09-04 23:16:30 0  1  629

bslib를 사용하여 Shiny 애플리케이션에서 DT::datatable의 CSS를 사용자 정의하세요.

반짝이는 앱의 DT::datatable에 사용자 정의 CSS 스타일을 적용하려고 합니다. 사용자가 테이블에서 행을 선택할 때 선택한 행에 기본 파란색, 흰색 텍스트 대신 노란색, 검정색 텍스트가 나타나기를 원합니다. bslib 패키지를 사용할 때는 이 작업을 성공적으로 수행할 수 없습니다. (비슷한 질문이 여기에서 요청되었지만 아래에서 설명하겠지만 답변을 드릴 수 없습니다.) bslib가 없으면 다음과 같이 CSS를 성공적으로 적용할 수 있습니다. library(shiny)ui<-fluidPage(tags$hea

P粉081360775 2024-03-29 21:41:03 0  1  434

선택 이벤트가 변경되면 CSS 애니메이션이 해당 효과를 트리거합니다.

저는 React 앱을 만들려고 합니다. 지금은 포켓몬이 포함된 선택 입력 상자가 있습니다. 선택 항목이 변경될 때마다(예: 포켓몬이 변경될 때) 포켓몬 스프라이트가 약간 흔들리는 애니메이션을 수행해야 합니다. 현재는 변경되는 스프라이트와 선택 값이 변경될 때 재생되는 오디오만 있습니다. 이 기능을 어떻게 구현할 수 있나요? onChange 및 스타일 구성 요소를 사용하여 스타일을 변경해 보았지만 작동하지 못했습니다. 애니메이션은 페이지가 로드될 때만 실행됩니다. 이것은 내 현재 코드입니다: Select.ts:i

P粉200138510 2024-04-01 09:16:28 0  1  535

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

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

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

클릭 기능에서 하나의 요소만 선택되도록 하려면 어떻게 해야 합니까? (순수 JS)

저는 API에서 데이터를 가져와 일련의 질문을 작성한 다음 아래 배열에서 무작위로 선택된 질문에 따라 매번 퀴즈 페이지에 다른 수의 "답안 요소"를 로드하는 퀴즈 앱을 만들고 있습니다. CSS 카드 스타일에 대한 효율적인 답변인 클릭 가능한 "플레이어 카드" 시리즈를 특징으로 하는 창작물입니다. 사용자가 카드를 선택한 다음 확인 버튼을 클릭하면 카드가 맞는지 확인하는 기능이 실행된다는 아이디어입니다. 이 기능은 한 가지를 제외하고는 잘 작동합니다. 사용자는 모든 카드를 선택할 수 있습니다. 내가 ...

P粉345302753 2024-01-29 14:08:19 0  1  471

공유 스타일을 사용하여 연속된 유사 태그를 HTML 태그로 대체

이 줄은 a[link],a[link]a[link]texttexttexta[link]texta[link]text이므로 텍스트 앞의 첫 번째 링크를 찾아 해당 링크에 대해 한 가지 작업을 수행하고 특별한 스타일로 강조 표시하고 싶습니다. 그(이 경우에는 대략 3개 정도) 텍스트 뒤에 오는 다른 링크 텍스트를 찾아서 다른 스타일로 강조 표시합니다. 처음 세 개의 링크만 찾을 수 있지만 얼마나 잘 수행했는지는 알 수 없습니다. <?php$re='/^(a\[(\w+[\s+]?)+\],

P粉926174288 2023-09-01 18:44:45 0  1  570

선택한 값의 배열에 바인딩된 Vue 3 사용자 정의 확인란 구성 요소

저는 스타일이 지정된 체크박스와 해당 라벨을 사용하여 간단한 구성 요소를 만들려고 노력해 왔습니다. 선택된 모든 체크박스의 값(문자열)은 배열로 저장되어야 합니다. 이는 일반 HTML 체크박스에 대해 작동합니다: <template><div><divclass="mt-6"><div><inputtype="checkbox" value="EVO" v-model=&

P粉561749334 2023-12-21 18:43:52 0  1  686