书写Css文件要点

时间:2023-03-10 01:09:45
书写Css文件要点

1. 自定义样式名

实例1:
<style type="text/css">
input.ng-invalid{ // .号一定要在对应的元素名后面, 没有空格
color: red;
}
</style>
实例2:
input[type=text]:focus{ // 用type=text 指定input类型
outline: none; // 如何把蓝色去掉?
border: 1px solid #58b195; // 如何改成别的颜色?
}
实例3: 去掉input输入框的默认样式
.filter-th {
width: 90px;
height: 30px;
border: 1px solid #c8cccf;
border-radius: 8px;
outline: none;
} .filter-th:focus {
border: 1px solid cornflowerblue;
}