부트 스트랩 버튼 텍스트가 보이지 않음
C. 로날도
input-group입력 필드와 버튼을 포함 하는 간단한 것이 있습니다.
이상한 점은 표시되지 않는다는 것입니다. 색상은 검사 요소에서 확인 된 배경색과 동일하지 않습니다.
나는 JSfiddle을 만들었지 만 아무것도하지 않습니다.
https://jsfiddle.net/u691aw17/
아이디어가 있으신가요?
<!-- language: lang-css -->
/* CSS */
div.input-group {
width: 350px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
input[type="text"]{
width:300px;
height:50px;
font-size: 14px;
}
input[type="text"]::-webkit-input-placeholder{
text-transform: uppercase;
font-size: 14px;
}
input[type="text"]:-moz-placeholder /* Firefox 18- */
{
text-transform: uppercase;
font-size: 14px;
}
input[type="text"]::-moz-placeholder /* Firefox 19+ */
{
text-transform: uppercase;
font-size: 14px;
}
input[type="text"]:-ms-input-placeholder{
text-transform: uppercase;
font-size: 14px;
}
span.input-group-btn button.btn {
width:150px;
height:50px;
line-height: 1em;
padding: 0px;
}
}
.btn {
background-color: green;
color:#ffffff;
}
<!-- language: lang-html -->
<div class="input-group">
<input type="text" class="form-control" placeholder="Email">
<span class="input-group-btn">
<button class="btn" type="button" >Sign up</button>
</span>
</div>
<!-- end snippet -->
가브리엘
Fiddle에서 완벽하게 작동하기 때문에 나머지 스타일에는 분명히 문제가 있습니다.
나는 아마도 font-size: inherit문제가 있다고 생각합니다 (부모로부터 글꼴 크기 0을 상속받습니다). 해당 규칙을 무시하려면 글꼴 크기를 단추로 설정하십시오.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
- 이전 게시물：spark-submit : "--master local [n]"과 "--master local --executor-cores m"의 차이점
- 다음 포스트：워드 문서에 각주 추가
관련 기사
Related 관련 기사
- 1
부트 스트랩 버튼 크기가 조정되지 않음
- 2
부트 스트랩 버튼 패딩이로드되지 않음
- 3
부트 스트랩 버튼 토글이 LI를 열지 않음
- 4
PHP 부트 스트랩 4 삭제 버튼이 ID를 가져 오지 않음
- 5
버튼 근처에 부트 스트랩 팝 오버가 표시되지 않음
- 6
부트 스트랩 내부의 버튼이 잘 작동하지 않음
- 7
부트 스트랩 로딩 버튼 상태가 작동하지 않음
- 8
부트 스트랩 반응 형 메뉴 버튼이 반응하지 않음
- 9
부트 스트랩 CSS 버튼 문제, 색상이 변경되지 않음
- 10
버튼 클릭시 부트 스트랩 모달이 표시되지 않음
- 11
Twitter 부트 스트랩 닫기 버튼이 작동하지 않음
- 12
부트 스트랩 버튼 강조 색상이 변경되지 않음
- 13
부트 스트랩 드롭 다운 버튼이 작동하지 않음
- 14
부트 스트랩 양식 제출 버튼이 작동하지 않음
- 15
Android 초보자, 버튼 텍스트가 변경되지 않음
- 16
유형 입력 제출의 부트 스트랩 버튼 아이콘이 보이지 않음
- 17
부트 스트랩 햄버거 아이콘이 보이지 않음
- 18
햄버거 메뉴가 열리지 않음 (부트 스트랩)
- 19
AngularUI 부트 스트랩 팝 오버가 작동하지 않음
- 20
부트 스트랩 팝 오버가 작동하지 않음
- 21
Angular 2 : 부트 스트랩 버튼 사이에 간격 없음
- 22
부트 스트랩 4 개의 고르지 않은 버튼
- 23
ASP 버튼 및 부트 스트랩 드롭 다운에서 버튼 정렬이 설정되지 않음
- 24
HTML 링크가 부트 스트랩 취소 버튼처럼 보이지 않는 이유
- 25
버튼을 클릭 할 때 트위터 부트 스트랩 navbar가 올바르게 확장되지 않음
- 26
부트 스트랩 컨테이너가 텍스트 줄을 끊지 않음
- 27
MVC5 Razor-부트 스트랩 버튼 클래스가 작동하지 않음
- 28
버튼 제목 텍스트가 지워지지 않음
- 29
트위터 부트 스트랩에서 "데이터 로딩"버튼이 비활성화되지 않음
몇 마디 만하겠습니다