发表于: 2019-03-26 21:14:56
2 805
今天完成的事情:
了解input中,type=“text”时,禁止输入框输入中文,可添加样式:
onkeyup:“this.value=this.value.replace(/[\u4e00-\u9fa5]/g, ' ' ) ”
input中,type="text"时,去除上下箭头样式
<style>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}
</style>
还有另一种清除箭头方式(在Chrome中无效):添加样式 “ime-mode:disabled”
了解了引入媒体类型方法:
1、link方法引入:<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
2、@media引入:
样式文件中使用:
@media screen{ 选择器{ 属性:属性值;} }
在style中引用:
<style type="text/css">
@media scree{ 选择{ 属性:属性值; } }
</style>
明天计划的事情:
敲任务五代码,遇到问题的过程中去补充基础知识。
遇到的问题:
资料看了,却不会用。
评论