[iphone] iPad 및 iPhone 용 스타일링 입력 버튼

Program / 글쓴이

CSS를 사용하여 웹 사이트의 입력 버튼 스타일을 지정하고 있지만 IOS 장치에서는 스타일이 Mac의 기본 버튼으로 대체됩니다. iOS 용 버튼 스타일을 지정하는 방법이나 제출 버튼처럼 동작하는 하이퍼 링크를 만드는 방법이 있습니까?

답변

당신은 찾고 있습니다 

-webkit-appearance: none;

답변

이 CSS 코드를 추가하십시오

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

답변

나는 최근 에이 문제를 직접 만났다.

<!--Instead of using input-->
<input type="submit"/>
<!--Use button-->
<button type="submit">
<!--You can then attach your custom CSS to the button-->

희망이 도움이됩니다.

답변

아래 CSS를 사용하십시오

input[type="submit"] {
  font-size: 20px;
  background: pink;
  border: none;
  padding: 10px 20px;
}
.flat-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
   border-radius: 0;
}

h2 {
  margin: 25px 0 10px;
  font-size: 20px;
}
<h2>iOS Styled Button!</h2>
<input type="submit" value="iOS Styled Button!" />

<h2>No More Style! Button!</h2>
<input class="flat-btn" type="submit" value="No More Style! Button!" />

스 니펫 확장

답변

-웹킷 모양 : 없음;

참고 : 부트 스트랩을 사용하여 버튼의 스타일을 지정하십시오.

답변

나는 오늘 primfaces (primeng)와 angular 7을 사용하여 같은 문제를 겪었습니다 .style.css에 다음을 추가하십시오.

p-button {
   -webkit-appearance: none !important;
}

또한 reboot.css가있는 부트 스트랩 비트를 사용하고 있습니다.

button {
  -webkit-appearance: button;

}

답변