ฉันใช้ CSS เพื่อกำหนดลักษณะปุ่มอินพุตบนเว็บไซต์ของฉัน แต่ในอุปกรณ์ IOS การใส่สไตล์จะถูกแทนที่ด้วยปุ่มเริ่มต้นของ Mac มีวิธีการสไตล์ปุ่มสำหรับ iOS หรือวิธีที่จะทำให้การเชื่อมโยงหลายมิติที่มีลักษณะเหมือนปุ่มส่งหรือไม่?
ฉันใช้ CSS เพื่อกำหนดลักษณะปุ่มอินพุตบนเว็บไซต์ของฉัน แต่ในอุปกรณ์ IOS การใส่สไตล์จะถูกแทนที่ด้วยปุ่มเริ่มต้นของ Mac มีวิธีการสไตล์ปุ่มสำหรับ iOS หรือวิธีที่จะทำให้การเชื่อมโยงหลายมิติที่มีลักษณะเหมือนปุ่มส่งหรือไม่?
คำตอบ:
คุณอาจกำลังมองหา
-webkit-appearance: none;
-webkit-appearance
-moz-appearance
@include experimental(appearance, none);
<select>
กล่องมันไม่แสดงลูกศรเมื่ออยู่บนเบราว์เซอร์เดสก์ท็อป ดังนั้นนี่คือการจับคู่ที่ดีที่สุดกับแบบสอบถามสื่อฉันคิดว่า
กรุณาเพิ่มรหัส 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!" />
- webkit ลักษณะ: ไม่มี;
หมายเหตุ: ใช้ bootstrap เพื่อจัดสไตล์ปุ่มเป็นเรื่องธรรมดาสำหรับการตอบสนอง
ฉันมีปัญหาเดียวกันในวันนี้โดยใช้ Primefaces (Primeng) และเชิงมุม 7 เพิ่มสิ่งต่อไปนี้ลงใน style.css ของคุณ
p-button {
-webkit-appearance: none !important;
}
ฉันยังใช้ bootstrap เล็กน้อยซึ่งมี reboot.css แทนที่ด้วย (นั่นเป็นเหตุผลว่าทำไมฉันต้องเพิ่ม! สำคัญ)
button {
-webkit-appearance: button;
}