masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > Penyelesaian kepada paparan saiz kursor yang tidak konsisten dalam kotak input input_HTML/Xhtml_Pengeluaran halaman web

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

WBOY
Lepaskan： 2016-05-16 16:36:37
asal
1486 orang telah melayarinya

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;

Label berkaitan：
input Saiz kursor 输入框
sumber：php.cn
Artikel sebelumnya：Pengenalan terperinci kepada teg pengepala kepala HTML_HTML/Xhtml_Pengeluaran halaman web Artikel seterusnya：Ringkasan kaedah untuk memasukkan kandungan fail dalam html files_HTML/Xhtml_Web page production
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Paparkan tatasusunan objek bersarang dalam jadual HTML dengan mengulang Saya mempunyai input berikut yang mengandungi pelbagai objek bersarang. summary ialah tata...
daripada 2024-04-05 14:11:42
0
1
1373
Biarkan React memberikan teg penutup input? Saya mempunyai permintaan yang luar biasa. Tapak web saya dibina menggunakan React dan say...
daripada 2024-04-03 23:01:01
0
1
320
Pemalam Shopware 6: Cara mengalih keluar konfigurasi boolean dan memindahkannya ke konfigurasi berbilang pilih Saya mempunyai pemalam Shopware6 yang pada masa ini dikonfigurasikan dengan nilai ulasanSk...
daripada 2024-04-03 23:09:28
0
1
410
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan