Rumah >hujung hadapan web >tutorial css >Bagaimana untuk mengalih keluar gaya kotak input dalam css
Bagaimana untuk mengalih keluar gaya kotak input dalam css
- WBOYasal
- 2021-12-09 14:48:023356semak imbas
Dalam CSS, anda boleh menggunakan atribut "gaya sempadan" untuk mengalih keluar gaya kotak input Atribut ini digunakan untuk menetapkan gaya sempadan elemen Apabila nilai atribut ialah "tiada ", elemen akan mengalih keluar gaya sempadan. , sintaksnya ialah "elemen kotak input {border-style:none;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara mengalih keluar gaya kotak input dengan css
Gaya lalai kotak input adalah seperti berikut:
Jika anda ingin mengalih keluar gaya kotak input, anda hanya perlu menggunakan atribut gaya sempadan untuk mengalih keluar gaya kotak input Apabila nilai atribut ditetapkan kepada tiada , gaya kotak input akan dialih keluar,
sempadan- Atribut gaya digunakan untuk menggayakan semua sempadan elemen atau menetapkan gaya sempadan untuk setiap sisi secara individu. Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
input{
border-style:none;
background-color:pink;
}
</style>
</head>
<body>
输入框：<input type="text" value="默认值">
</body>
</html>Hasil output:
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar gaya kotak input dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!