CSS submit button แสดงผลแปลก ๆ บน iPad / iPhone

ฉันสังเกตเห็นว่าถ้าฉันใช้ปุ่มสไตล์กับ CSS โดยใช้รัศมีสีและเส้นขอบพวกมันดูดี แต่ใน iphone / ipad / ipod พวกมันดูแย่มาก ... ไม่ควรใช้เรนเดอร์แบบเดียวกับ Safari Desktop?

โอ๊ะ! เพิ่งพบตัวเอง: เพียงเพิ่มบรรทัดนี้ในองค์ประกอบใด ๆ ที่คุณต้องการ

   -webkit-appearance: none;

เพิ่มรหัสนี้ลงในไฟล์ css:

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

สิ่งนี้จะช่วยได้

คำตอบข้างต้นสำหรับลักษณะที่ปรากฏของเว็บคิตนั้นเป็นสิ่งที่วิเศษ แต่ปุ่มนี้ยังดูซีดจาง / น่าเบื่อเมื่อเทียบกับเบราว์เซอร์บนอุปกรณ์ / เดสก์ท็อปอื่น ๆ ฉันต้องตั้งค่าความทึบให้เต็ม (ช่วงจาก 0 ถึง 1)

-webkit-appearance:none;
opactiy: 1

หลังจากตั้งค่าความทึบปุ่มจะเหมือนกันในอุปกรณ์ / ตัวจำลอง / เดสก์ท็อปที่แตกต่างกันทั้งหมด