Prinsip pengaturan tinggi kursor di browser Chrome adalah bahwa ketika tidak ada konten, tinggi kursor = nilai-tinggi input garis. Ketika ada konten, ukuran kursor dalam kotak input input input ditampilkan secara tidak konsisten dari bagian atas input ke bagian bawah teks.
IE7 sangat jelas dalam menetralkan krom
Mari kita lihat alasan masalah: prinsip browser chrome untuk mengatur ketinggian kursor adalah: ketika tidak ada konten, tinggi kursor = nilai garis input garis. Ketika ada konten, kursor beralih dari bagian atas input ke bagian bawah teks.
Oke, karena kita tahu alasannya, kita akan mengambil beberapa langkah yang sesuai. Saya mencoba dua cara untuk melakukannya:
Metode 1: Tetapkan nilai garis-garis ke ukuran yang sama dengan ukuran font; Jika ketinggian tidak tercapai, gunakan padding untuk mendukungnya;
Metode 2: Jangan atur garis-tinggi untuk Chrome, itu akan secara otomatis memusatkan teks. Retas nilai garis tinggi untuk IE untuk memastikan bahwa teks berpusat secara vertikal; Di sini Anda harus mencatat bahwa jika Anda menetapkan nilai-nilai garis-garis dalam file gaya reset, silakan atur ulang-tinggi, Anda dapat menggunakan garis-tinggi: normal. Untuk detailnya, Anda dapat memeriksa kotak pencarian halaman Tencent Hollywood.
CSS spesifik:
Salin kode