一些常见css样式加选择器

Bertha 。 2021-12-03 14:17 329阅读 0赞

**先来个下拉框：**

**![1736339-20190710211342673-1494601866.png][]**

例：

![1736339-20190710211400759-244313017.png][]

select是下拉框标签

multiple：指多选项  
 size ：显示的选项数量

**selected="selected"：默认选中**

**—————————分割线————————**

**选择器：**

**.name ——class name**

**\#name ———id name**

**.name1 >标签 :表示选择name1中的某一个标签**

**a：hover\{　　——表示鼠标放上去时的样式**

textext-decoration:underline ——指鼠标放上去时候有下划线

color-red  ————鼠标放上去时显示红色

**\}**

**去除a标签带来的下划线：**

**a\{**

**　　text-decoration：none**

**\}**

**如何实现input文本中加一个短信验证按钮：**

**例：![1736339-20190710212704802-378563031.png][]**

代码如下：

html：

![1736339-20190710212748932-762352400.png][]

**　　css**

class=“btn1”

![1736339-20190710212926533-1423559371.png][]

**class="inp1"**

![1736339-20190710213011347-784373970.png][]

** class="button"**

![1736339-20190710213110463-2046221130.png][]

**class中.button里的input标签样式**

![1736339-20190710213224868-756146781.png][]

转载于:https://www.cnblogs.com/hzqzwl/p/11166679.html

[1736339-20190710211342673-1494601866.png]: /images/20211203/281a6ea5f59c4efe9011095404522c4e.png
[1736339-20190710211400759-244313017.png]: /images/20211203/52762888fd8e4a5bb10a2dc23ec20aea.png
[1736339-20190710212704802-378563031.png]: /images/20211203/85e3c2a982e04dcaba0a0f9e50df5975.png
[1736339-20190710212748932-762352400.png]: /images/20211203/e3a2918f433641fc8052dcbe0b27351e.png
[1736339-20190710212926533-1423559371.png]: /images/20211203/b009ea8cfa8b435b976e81b382fca61d.png
[1736339-20190710213011347-784373970.png]: /images/20211203/c0c4da3801c34886818be42e2588ee95.png
[1736339-20190710213110463-2046221130.png]: /images/20211203/05f09bbc713945f79aad8ec11fbdea26.png
[1736339-20190710213224868-756146781.png]: /images/20211203/31e8506622744ba8a7e6b67b694be795.png