发表于: 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>

明天计划的事情:

    敲任务五代码,遇到问题的过程中去补充基础知识。

遇到的问题:

    资料看了,却不会用。

 




返回列表 返回列表
评论

    分享到