클릭/HTML에서 버튼의 배경색을 변경하는 방법

"자세히 보기"와 비슷한 버튼을 만들었고, 이 버튼을 누르면 텍스트가 아래로 확장됩니다. 텍스트가 확장되면 버튼의 배경이 변경되고 버튼을 다시 눌러 텍스트를 닫으면(예: "간단히 읽기") 버튼의 배경이 원래 상태로 돌아갑니다. 이 함수를 구현하는 방법 functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48 0  1  541

css - Angular2에서 라우팅하지 않고 여러 버튼의 전환 효과를 얻는 방법은 무엇입니까?

라우팅하지 않고 버튼을 클릭하면 현재 버튼의 배경색이 파란색으로 바뀌고 다른 버튼의 배경색은 회색으로 유지되는 효과를 얻는 방법은 무엇입니까?

漂亮男人 2017-05-15 17:13:11 0  3  802

angular.js -Angularjs는 여러 버튼 중 하나를 트리거하는 활성화 스타일을 어떻게 우아하게 구현합니까?

그림에 표시된 대로 세 개의 버튼 중 하나를 클릭하면 버튼이 파란색 배경으로 바뀌고 다른 두 버튼은 기본 흰색으로 돌아갑니다. {코드...} 컨트롤러에서: 암호...}

世界只因有你 2017-05-15 17:02:24 0  1  575

link 및 div 요소를 동시에 활성화하는 방법은 무엇입니까?

div 요소 위로 마우스를 가져가면 해당 요소만 켜지고 링크는 켜지지 않습니다. 버튼 배경을 먼저 밝게 한 다음 링크를 밝게 하는 대신 버튼을 전체적으로 밝게 만드는 방법이 있습니까? 구매 구매 구매 a: {흰색 색상} 방문 a: hover: {color: RGB(180,179,179);} 링크 {흰색 배경 색상: rgb(180,179,179);} a: hover {color: RGB (180,179,179); 배경색: 흰색}div.b{흰색;배경색:rgb(180,179,179)

P粉547170972 2023-09-16 16:59:06 0  1  937

React에서 여러 버튼 구현: 클릭한 버튼을 제외한 모든 버튼 선택 취소

3개의 버튼을 구현하려고 하는데 그 중 하나를 클릭하면 배경색이 변경되고 나머지 2개의 버튼은 선택 취소되고 배경색이 원래 색상으로 돌아갑니다. 그런데 React에서 구현하려고 하면 항상 1개의 버튼 뒤에 있습니다(버튼 1, 3, 2를 순서대로 클릭하면 선택한 버튼을 1, 3으로 설정한다는 의미에서(오타가 아니고 그냥) 뒤에서)). 해당 특정 구성 요소에 대한 코드는 다음과 같습니다. importReact,{useEffect}from"react&qu

P粉099985373 2024-02-26 15:26:22 0  1  351

javascript - 라디오 버튼 문제와 관련하여 저는 초보자입니다. 누군가가 저를 도울 수 있기를 바랍니다.

회사에서는 버튼이 4개 있는 이벤트 페이지를 만들고자 합니다. 버튼을 클릭하면 선택된 상태와 동일하며 배경 이미지가 변경됩니다. 다음 항목 클릭 시 이전 항목을 원래 상태로 복원하는 방법입니다.

PHP中文网 2017-05-24 11:36:42 0  4  713

화살표가 있는 추가 버튼 읽기

표시된 대로 오른쪽 화살표가 있는 "자세히 보기" 버튼을 만들려고 합니다. 배경색은 흰색이고 전체 버튼은 다음과 같아야 합니다. 다음 코드를 사용하고 있습니다. 여기 화살표는 흰색이므로 내 프로젝트에서는 "프로필 보기" 버튼만 볼 수 있지만 배경색으로 인해 화살표는 볼 수 없습니다. 화살표 색상을 변경하는 방법은 무엇입니까? <buttonclass="c-btn">프로필 보기</button>.c-btn{border:none;bac

P粉616111038 2023-09-09 12:16:11 0  1  628

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

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

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

WordPress - 페이지가 로드될 때 버튼에 onclick 기능 실행

배경 등록 페이지를 만드는 중이고 사용자가 "계정 만들기" 버튼을 눌렀을 때 기능을 실행하고 싶습니다. 다음과 같은 버튼이 있습니다: <buttontype="submit"name="wp-submit"onclick="register_process();"data-ppt-btnclass="mt-5"><?phpecho__(&

P粉575055974 2023-08-30 00:33:02 0  1  656

제목을 다음과 같이 다시 작성하세요. 다른 영역이 아닌 콘솔 버튼의 기능에 집중하세요.

나는 4개의 버튼을 가지고 있고 그 버튼을 클릭하면 사용자가 현재 활성화된 버튼을 볼 수 있도록 그 버튼에 포커스를 설정하려고 합니다. 어떤 이유로 콘솔에서는 예상대로 작동합니다. 버튼을 클릭하면 포커스가 추가되고 CSS를 기반으로 배경색이 변경된 다음 다른 버튼을 클릭하면 첫 번째 버튼이 포커스를 잃고 새 버튼이 포커스를 받습니다. 콘솔을 열지 않으면 작동하지 않습니다. constoneYear=document.getElementById('1년');constfiveYear

P粉315680565 2023-09-02 09:28:50 0  1  503

클릭 후 텍스트 색상을 변경하는 방법은 무엇입니까?

내가 하고 싶은 것은 버튼의 배경색을 변경하고 버튼 내부의 텍스트 색상도 변경하는 것입니다. 버튼 색상은 변경되었지만 텍스트 색상은 변경되지 않았습니다. 텍스트에 호버를 적용해 보았지만 마우스가 텍스트에 닿을 때만 색상이 변경됩니다. <liclass="text-gray-900cursor-pointerselect-nonep-4text-smmd:hover:red"id="listbox-option-0"ro

P粉064448449 2023-08-30 20:19:37 0  2  569

특정 키의 빈 HTML에서 배경색(녹색/빨간색)을 변경하는 방법은 무엇입니까?

특정 버튼(예: 문자 A)을 눌렀을 때 HTML의 배경색을 변경하는 방법에 대한 솔루션을 가진 사람이 있습니까? 버튼을 누를 때마다 색상이 다른 색상(빨간색에서 녹색, 녹색에서 빨간색)으로 바뀌고 그대로 유지됩니다. 그런데 좋은 점은 웹 브라우저에 집중하지 않을 때도 작동하기 때문에 브라우저를 통해 다른 앱을 사용할 때도 작동한다는 점입니다. 멍청한 질문과 언어 장벽으로 인해 죄송합니다. 당신의 답변에 감사드립니다. 이 링크와 비슷하지만 키에 있어야 합니다: 하나의 버튼만 사용하여 다양한 배경색을 변경하는 방법

P粉211273535 2023-09-07 10:08:19 0  2  651

useEffect를 사용하여 배경색 상태를 유지하는 팁

사용자가 페이지를 이동할 때 버튼 색상이 "검은색"으로 유지되어 항목을 위시리스트에 저장했음을 사용자에게 표시할 수 있도록 위시리스트 토글 버튼의 ​​배경색을 저장하려고 합니다. constItem=(props)=>{constdispatch=useDispatch();const[Background,setBackground]=useState(false);functionaddToCartHandler(제품){di

P粉131455722 2023-08-18 15:08:53 0  1  536

접지 필터 흐림 전환 문제

버튼을 누르면 배경이 흐려지는데 전환 시 div 가장자리가 잘 전환되지 않습니다. 이 문제는 Firefox를 제외한 모든 브라우저에 존재합니다. 어떻게 해결할 수 있나요? varbtn=document.querySelector('버튼');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  477

javascript - vue2.0 하위 구성 요소는 상위 구성 요소에만 데이터를 전달합니까?

이것이 상위 컴포넌트이고 이것이 하위 컴포넌트입니다. 효과를 설명하겠습니다. "All", 'Recommend', 'Tucao'를 클릭하여 selectType의 값을 변경하여 선택한 버튼의 배경을 변경합니다. '확인 표시'를 클릭하면 선택 항목이 표시되고 선택이 취소되므로 하위 구성 요소에 있는 selectType 및 onlyContent의 두 값...

给我你的怀抱 2017-05-19 10:34:07 0  2  797

테이블의 마지막 행과 동일한 속성을 사용하여 HTML에서 버튼을 만드는 방법은 무엇입니까?

HTML에 홈 서비스 연락처 테이블이 있다고 가정합니다. 이제 이 테이블 끝에 버튼을 추가하고 싶습니다. 이 버튼의 너비는 테이블의 마지막 행 너비와 같아야 합니다(예: "연락처") ) (배경색 표현으로 결정됨). 이제 어떻게 해야 하나요? 버튼을 만들 때 생성된 너비만 갖습니다. 클릭 시 이제 버튼 myBtn 요소의 너비를 "연락처" 행의 너비로 설정하는 JavaScript 코드가 필요합니까?

P粉394812277 2023-09-16 22:19:11 0  1  694

angular.js-angular2 속성 구성 요소와 제어 구성 요소 간의 통신 방법

1. 컨트롤 라이브러리에서 기존 컨트롤을 드래그하여 요소를 생성하고 요소의 일부 속성을 표시합니다. 아래와 같이 가장 오른쪽 속성 구성요소를 변경하고 가운데 요소의 해당 속성을 동시에 변경할 수 있는 방법은 무엇입니까? 예: 배경을 클릭하고 특정 색상을 선택하면 버튼의 배경 색상이 변경됩니다. 생성된 메타...

世界只因有你 2017-05-15 17:09:54 0  1  649

PHP JS 모바일 버튼을 클릭하면 색상이 변경되고 선택한 숫자가 배열을 형성합니다.

PHP JS 휴대폰 번호 버튼을 클릭하면 배경색이 변경됩니다. 선택한 숫자가 배열을 형성합니다. 1, 3, 9 세 개의 버튼이 선택되면 버튼이 빨간색으로 변합니다. OK를 클릭하면 변수 ABC가 표시됩니다. =1, 3, 9는 직접 작성했습니다. iOS에서는 작동하지만 Android에서는 작동하지 않습니다. 전체 코드 페이지를 마스터에게 첨부하십시오. 초보자는 한 단락만 읽고도 혼란을 겪을 것입니다. . . .

HARDWARE 2018-03-06 00:10:45 0  0  1237

javascript - Google은 IE를 직접 완전히 죽일 수 있습니다. 한란에서는 효과적인 것 같습니다. IE 호환성 초보자는 해결하십시오.

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; {코드...} &lt;/html&gt; CSS:***{ {코드...} }body{ {코드...} }/ 탐색 모음 배경/.nav{ {코드...} }/탐색 모음 버튼/.box{ {코드...} } .box a { {코드...} }/처리 I

为情所困 2017-05-19 10:35:10 0  2  544