부트스트랩 입력 스타일을 수정하는 방법

부트스트랩 입력 스타일을 수정하는 방법: 먼저 레이블을 작성한 다음 입력을 작성하고 유형을 파일로 설정한 다음 버튼 기본 스타일을 호출하고 마지막으로 버튼 색상에 따라 수정합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, 부트스트랩 버전 3. 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: "bootstrap Tutorial"

Bootstrap의 입력 파일 스타일 변경 정보

입력 파일 형식에 버튼 스타일 추가

1. Bootstrap의 입력은 매우 아름답지 않습니다. 버튼에 텍스트를 추가하면 브라우저에 따라 다른 스타일이 표시되므로 개발할 때 파일 스타일

을 버튼 스타일로 수정할 수 있습니다. 기본, 흰색 배경 또는 녹색, 빨간색, 파란색 등입니다. -------- 즉, 버튼의 여러 상태

"btn btn-default"——기본 스타일——흰색

"btn btn-primary"—— 기본 설정 - 진한 파란색

"btn btn-success" - 성공 - 녹색

"btn btn-info" - 일반 정보 - 하늘색

"btn btn-warn" ——경고——Orange

"btn btn-danger"——위험——Red

"btn btn-link"——링크——White

방법은 다음과 같습니다.

1. 레이블을 작성합니다. 클래스는 btn으로 설정됩니다. btn- (default/success/warning/Primary/info/danger/link) Set for=file

2. 파일의 ID, 소스 코드는 다음과 같습니다

<p class="form-group">
    <label class="col-sm-2 control-label"><img src="/static/imghwm/default1.png"  data-src="index.png"  class="lazy"  alt=""></label>
    <p class="col-sm-2 ">
        <label for="file"class=" btn btn-default">更换头像</label>
        <input id="file"type="file"style="display:none">
    </p>
</p>

이것이 입력 파일의 기본 스타일입니다

버튼 기본 스타일을 호출하여 흰색 버튼을 생성하고 버튼에 프롬프트를 작성합니다

특정 필요한 스타일이나 색상은 버튼 색상에 따라 결정될 수 있습니다.

위 내용은 부트스트랩 입력 스타일을 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!