หลักการของการตั้งค่าความสูงของเคอร์เซอร์ในเบราว์เซอร์ Chrome คือเมื่อไม่มีเนื้อหาความสูงของเคอร์เซอร์ = ค่าของความสูงของอินพุต เมื่อมีเนื้อหาขนาดเคอร์เซอร์ในกล่องอินพุตอินพุตอินพุตจะปรากฏขึ้นอย่างไม่สอดคล้องกันจากด้านบนของอินพุตไปที่ด้านล่างของข้อความ
IE7 ชัดเจนมากในการทำให้เป็นกลางโครเมี่ยม
ลองมาดูเหตุผลสำหรับปัญหา: หลักการของเบราว์เซอร์ Chrome ในการตั้งค่าความสูงของเคอร์เซอร์คือ: เมื่อไม่มีเนื้อหาความสูงของเคอร์เซอร์ = ค่าของความสูงของอินพุต เมื่อมีเนื้อหาเคอร์เซอร์จะจากด้านบนของอินพุตไปที่ด้านล่างของข้อความ
ตกลงเนื่องจากเรารู้เหตุผลเราจะใช้มาตรการบางอย่างตามนั้น ฉันลองสองวิธีในการทำ:
วิธีที่ 1: ตั้งค่าค่าความสูงของบรรทัดให้มีขนาดเท่ากันกับขนาดตัวอักษร หากไม่ถึงความสูงให้ใช้ช่องว่างภายในเพื่อรองรับ
วิธีที่ 2: อย่าตั้งค่าความสูงบรรทัดสำหรับโครเมี่ยมมันจะเป็นศูนย์กลางของข้อความโดยอัตโนมัติ แฮ็คค่าของความสูงบรรทัดสำหรับ IE เพื่อให้แน่ใจว่าข้อความนั้นมีศูนย์กลางในแนวตั้ง ที่นี่คุณควรทราบว่าหากคุณตั้งค่าความสูงของบรรทัดในไฟล์สไตล์ของการรีเซ็ตโปรดรีเซ็ตความสูงของบรรทัดคุณสามารถใช้ความสูงของสาย: ปกติ สำหรับรายละเอียดคุณสามารถตรวจสอบช่องค้นหาของหน้า Tencent Hollywood
CSS เฉพาะ:
คัดลอกรหัส