중앙에 텍스트와 아이콘이 있는 버튼

아이콘과 텍스트가 포함된 버튼 구성 요소를 개발 중입니다. 아이콘은 버튼 왼쪽에 배치되고 텍스트는 버튼 중앙에 정렬됩니다. 텍스트가 버튼에 맞지 않는 경우 줄바꿈해서는 안 되지만 잘릴 수 있습니다. 텍스트를 자르는 핵심 조건은 아이콘이 버튼 가장자리에서 떨어져 있는 것처럼 텍스트가 버튼 가장자리에서 떨어져 있어야 한다는 것입니다. 따라서 버튼에 동일한 인라인 패딩을 추가할 수 없습니다. 텍스트가 잘리지 않으면 버튼 중앙에 정렬됩니다. 그러나 아이콘과 겹치기 시작하거나 버튼에 맞지 않으면 텍스트가 잘립니다. 즉, 일반상태에서는 아이콘...

P粉033429162 2023-08-15 11:01:09 0  1  532

반응 js에서 버튼 내부의 아이콘을 클릭하면 버튼 값을 가져올 수 없습니다.

반응 js에서 버튼 내부의 아이콘을 클릭하면 버튼 값을 가져올 수 없습니다.

P粉364129744 2023-07-22 09:47:02 0  1  487

버튼의 나머지 부분이 아닌 아이콘을 클릭하는 것이 Javascript 구독 버튼이 작동하는 유일한 방법입니다.

rssfontAwesome 아이콘을 클릭할 때만 작동하는 구독 사용자 프로필 버튼이 있고 나머지 버튼은 작동하지 않습니다. 버튼 요소를 클릭 이벤트로 설정하기 위해 여러 가지 재정의를 시도했지만 전혀 작동하지 않습니다. 다음 코드는 아이콘 요소를 클릭할 때만 작동합니다: <buttonclass='subscribe-buttonprofile-subscribe'><?phpif($profile->userSubscribed):

P粉742550377 2024-01-16 14:13:18 0  1  458

대화 상자 요소 외부에 표시된 버튼을 클릭할 때 클릭 이벤트를 어떻게 트리거할 수 있나요?

Vue3 애플리케이션에서 기본 HTML 대화 상자 요소를 모달로 사용하고 있으며 절대 위치 지정을 사용하여 모달의 측면/외부에 버튼을 성공적으로 표시했습니다. 그러나 대화 상자 요소의 특성과 최상위 수준에 배치되는 방식으로 인해 대화 상자 요소 외부의 버튼을 클릭할 때 클릭 이벤트(displayNextModal)를 실행할 수 없습니다. 대화 상자는 기본적으로 항상 맨 위에 있으므로 요소 중 하나의 Z-색인을 조정해도 아무런 효과가 없습니다. 해결 방법이 있는지 또는 이 클릭 이벤트를 트리거하는 유일한 방법이 버튼을 넣는 것인지 궁금...

P粉116654495 2023-08-31 23:33:50 0  1  605

다른 소품을 기반으로 TypeScript에서 React 소품을 선택 사항 및 필수로 만듭니다.

사용자가 사용하는 소품에서 제공하는 유형에 따라 일반 버튼, 아이콘 버튼 또는 아이콘 전용 버튼을 반환하는 React 버튼 컨테이너 구성 요소가 있습니다. 다음은 ButtonContainer 구성 요소 및 Props의 관련 유형 정의입니다. typeButtonWrapperProp={label?:string;icon?:React.ReactNode;onClick:()=>void;type:'text'|'icon'|'iconOnly'; }특급

P粉738046172 2023-09-17 13:42:00 0  1  686

angle.js - anglejs 버튼 세트로 라디오 선택을 완료하는 방법

버튼 세트를 사용하여 단일 선택 질문을 만드는 방법을 알려주세요. 그림에 표시된 대로 두 가지 작업을 수행해야 합니다. 1. 페이지가 로드된 후 반환된 값 도메인에 따라 버튼에 기본 선택 버튼과 아이콘 클래스를 설정합니다. "8" 2. 버튼을 클릭하여 다음을 수행합니다. 다른 버튼 스타일을 지우고...

PHPz 2017-05-15 17:09:33 0  2  956

Vuetify의 이미지/아이콘에서 클릭 가능한 버튼

이 UI로 <v-btn><v-img>...<v-img></v-btn> ​​버튼을 어떻게 만들 수 있나요?

P粉463824410 2023-12-12 11:09:05 0  1  524

페이지의 HTML 요소를 탐색하려면 Tab 키를 사용하세요.

탭 키를 사용하는 HTML 페이지에서 탭 키를 사용하여 스크롤할 수 없습니다. 다음은 "테이블을 업데이트할 수 없습니다." 팝업이 열릴 때 탭을 찾아보려는 페이지의 사진입니다. 저는 그것을 클릭하고 탭을 눌렀습니다. 탭을 처음 누르면 초점이 그림의 화살표 요소로 이동합니다. 하지만 다음에 탭을 누르면 Page3 요소로 이동합니다. 위쪽 화살표 아이콘은 HTML에서 선택된 <i 태그이고 다음 <i 태그는 x 버튼입니다. 어떤 이유로 두 번째 <i 태그를 건너뛰고 탭 키가 두 번째로 나타날 때 x 버튼...

P粉106301763 2024-02-03 21:30:59 0  1  457

html5 - vue 구성 요소를 사용하여 기능을 구현할 때 발생하는 문제

그림에 표시된 대로: 입력 텍스트를 지우려면 지우기 버튼을 클릭하세요. 이때 입력 내용이 초점을 잃기 때문에 해당 지우기 버튼도 숨겨집니다. 해결해야 할 사항: 입력 텍스트를 지울 때 초점은 여전히 ​​에 있습니다. 입력해도 지우기 버튼이 계속 표시됩니다.

扔个三星炸死你 2017-06-17 09:17:03 0  2  875

javascript - 여러 버튼을 클릭하여 다른 콘텐츠를 표시한 후 콘텐츠를 한 번 표시하고 다른 버튼을 클릭한 콘텐츠를 숨길 수 있는 방법은 무엇입니까?

공항 파티션은 여러 개의 버튼으로 이루어져 있습니다. Jiangsu를 클릭하면 Anhui와 같은 다른 버튼의 내용이 표시되는 것을 원하지 않습니다. 현재는 각 버튼에 클릭 이벤트를 추가하고 장소 이름을 표시하지만 첫 번째 클릭 후에는 항상 지도에 표시됩니다.

巴扎黑 2017-07-05 11:08:05 0  4  1189

REACT 구성 요소의 스타일 문제

그림에 표시된 3개 버튼 구성 요소의 경우 기본 JS 및 REACT를 사용하여 버튼 중 하나를 클릭하여 스타일을 변경하는 간단한 방법을 어떻게 작성할 수 있습니까? 그리고 다른 버튼을 클릭해도 동일한 효과를 얻을 수 있습니다. (즉, 다른 두 버튼의 스타일을 지우고 클릭 버튼의 스타일을 추가하는 것입니다.)

巴扎黑 2017-07-05 10:50:54 0  3  879

angle.js - AngularJS의 ajax 콜백에서 ng-show 바인딩 값을 설정하여 요소 숨기기 및 표시를 제어하는 ​​방법

페이지에 버튼과 로딩 아이콘이 있습니다. 로딩 아이콘은 ng-show를 사용하여 컨트롤러 속성을 바인딩하여 표시 여부를 식별합니다. 버튼을 클릭하면 프로그램은 $http.post를 사용하여 백그라운드에서 데이터를 요청하고 ng-show에서 설정된 속성을 true로 설정합니다. 그런 다음 콜백에서 ng-show 속성을 설정합니다.

仅有的幸福 2017-05-15 17:03:13 0  2  608

다른 대상 URL을 사용하여 POST 요청을 보내는 양식

양식을 표시하는 보기가 있습니다. 이제 사용자가 어떤 버튼을 선택하느냐에 따라 데이터가 다르게 처리되기를 원합니다. 이러한 "다양한 방법"은 POST 요청이 이동하기를 원하는 다양한 보기에 해당합니다. 다양한 URL/보기로 연결되는 여러 개의 버튼이 있는 양식을 만드는 데 도움을 주세요. <formaction="/your-name/"method="post">{%csrf_token%}{{form}}<inputty

P粉465675962 2024-03-29 17:16:07 0  1  474

angular.js - Angular는 사이트 전체에서 사용됩니다. 하지만 Angular를 사용하여 아래 설명된 것과 같은 고도의 대화형 기능을 구현하려면 어떤 아이디어를 사용해야 합니까?

이 애플리케이션은 다음과 같이 설명됩니다. 1. C 영역은 여러 페이지로 나누어져 있으며 페이지 간에 위아래로 전환할 수 있습니다. 2. Ax는 C 영역으로 드래그하여 그림, 버튼과 같은 해당 요소를 생성할 수 있는 컨트롤입니다. , 및 텍스트. 3. 생성된 그림, 버튼, 텍스트를 C 범위 내에서 드래그하여 위치를 변경할 수 있습니다. 4. 생성된 이미지를 클릭합니다.

習慣沉默 2017-05-15 16:53:09 0  4  636

laravel 5.8을 사용하여 Yajra 데이터 테이블에 내보내기 버튼을 표시하는 다른 방법이 있습니까?

저는 YajraDatatables를 사용하여 서버 측 사용자 목록을 쿼리하고 있습니다. 모든 종속성을 추가했지만 버튼이 표시되지 않습니다. 버튼은 복사, PDF, CSV이며 사용자 정의 버튼도 표시합니다. 다른 버전의 JQuery를 사용해 보았지만 여전히 결과가 없습니다. 뷰의 데이터 배열로 데이터 테이블을 초기화하면 버튼이 표시되고 제대로 작동하지만 경로 및 서버 측에서 데이터 소스를 추가하면 버튼이 표시되지 않습니다. 뭔가 빠졌나요? 아래는 내 서버 측 처리 코드이며 버튼이 표시되지 않습니다. 디버깅할 때 수집하지 않았습니다.

P粉021708275 2024-03-26 11:06:25 0  1  523

html5 - h5+에서 webview의 show 메소드에 지연이 있습니다.

그림 1의 버튼을 클릭하고 다음 코드를 실행하여 새 webview를 표시합니다. {code...} 그러나 그림 1의 버튼을 클릭하면 그림 2의 webview가 잠시 후에 나타납니다. 탭 이벤트가 실행되면 webview가 즉시 실행되지 않습니다. 이유는 무엇입니까?

某草草 2017-05-18 10:51:36 0  1  1102

javascript - 이상한 현상이 발생했습니다. 버튼을 편집 상자로 드래그할 수 있습니다.

그림과 같이 그림의 오른쪽 하단에 있는 "저장" 버튼을 클릭하여 편집 상자로 드래그할 수 있습니다. 최적화된 경우 버튼을 드래그할 수 없습니다. 이벤트의 기본 동작으로 시작하시겠습니까?

phpcn_u1582 2017-07-04 13:45:25 0  1  922

동적으로 생성된 요소에 다양한 클래스 추가

각 개체에 textValue, 활성, 정보 등이 있는 개체 배열이 있습니다. 이 배열을 반복하여 각 요소에 대한 버튼을 표시하겠습니다. 내부의 각 버튼에 대해 div를 추가하고 3개의 단락 내에 클래스를 추가하고 조건에 따라 각 버튼에 일부 단락을 표시하려고 합니다. 버튼에 이벤트를 추가하고 ID를 전달하여 활동을 true로 설정하고 정보를 표시합니다. 이는 각각의 다른 ID에 대한 것입니다. 버튼을 클릭하면 활성 클래스가 생성되고 수량을 표시하며, 외부를 클릭하거나 버튼 자체를 클릭하면 클래스와 수량(p)이 제거됩니다.

P粉573809727 2023-09-11 13:34:46 0  1  566

JavaScript를 사용하여 버튼 이벤트를 전환하는 아이콘 추가

functiontoggledDeleteAllBtn(){if($('.customer_checkbox:checked').length>0){$('#sel_button').text('Deletedallselected('+$('.customer_checkbox:checked').length+')' );}else{$('#sel_button').text('삭제

P粉541565322 2023-09-05 00:08:30 0  1  532

javascript - 클릭 이벤트가 두 번 트리거되어야 하는 이유는 무엇입니까? 온라인 대기 중, 긴급! ! !

그림과 같이: 약관에 동의하지 않고 오른쪽 하단의 버튼을 클릭하면 위임을 해제할 수 없으며, 동시에 버튼을 설정하는 대화상자가 나타납니다. 장애인 속성에. (예: 버튼 비활성화) 그런 다음 계약이 확인되면 버튼을 복원하는 클릭 이벤트를 작성했습니다. 그러다 이때 뭔가 잘못됐는데...

某草草 2017-05-18 10:59:32 0  6  740