Penyelesaian kepada paparan saiz kursor yang tidak konsisten dalam kotak input input_HTML/Xhtml_Pengeluaran halaman web

Saiz kursor dalam kotak input input dipaparkan secara tidak konsisten

Sangat jelas dalam IE7 dan Chrome

Mari kita lihat dahulu punca masalah: pelayar chrome menetapkan ketinggian kursor seperti berikut : apabila tiada kandungan Apabila ketinggian kursor = nilai ketinggian baris input, apabila terdapat kandungan, kursor pergi dari bahagian atas input ke bahagian bawah teks.

OK, setelah kami tahu sebabnya, kami akan mengambil beberapa langkah sewajarnya. Cuba dua cara untuk melakukannya:.

Kaedah 1: Tetapkan nilai ketinggian garis agar konsisten dengan saiz fon; ketinggian untuk chrome. Ia secara automatik akan memusatkan teks Hack IE untuk menetapkan nilai ketinggian garisan untuk memastikan teks dipusatkan secara menegak fail, sila set semula line-height , anda boleh menggunakan line-height:normal. Untuk butiran, anda boleh melihat kotak carian di halaman Hollywood Tencent.

Css khusus:

Salin kodKodnya adalah seperti berikut:

tinggi: 34px;

saiz fon: 12px;
tinggi garis:
tinggi garis: 34px9;