Bladeren bron

添加输入框聚焦样式(3684)

zhangxc 5 jaren geleden
bovenliggende
commit
816059a1c8
7 gewijzigde bestanden met toevoegingen van 56 en 0 verwijderingen
  1. 14 0
      src/css/index.less
  2. 7 0
      src/css/itemManager.less
  3. 8 0
      src/css/login.less
  4. 7 0
      src/css/qcList.less
  5. 7 0
      src/css/qcListDept.less
  6. 7 0
      src/css/qcListPerson.less
  7. 6 0
      src/js/login.js

+ 14 - 0
src/css/index.less

@@ -272,6 +272,13 @@
       border-radius: 2px;
       padding: 0 10px;
     }
+    input:focus{
+      border: 1px solid #5a8eee ;
+      outline: 0;
+      -webkit-box-shadow:#5a8eee  0px 0px 2px;
+      -moz-box-shadow: #5a8eee  0px 0px 2px;
+      box-shadow: #5a8eee  0px 0px 2px;
+    }
   }
   .itemMsgLab{
     display: inline-block;
@@ -356,6 +363,13 @@
       border-radius: 2px;
       padding: 0 10px;
     }
+    input:focus{
+      border: 1px solid #5a8eee ;
+      outline: 0;
+      -webkit-box-shadow:#5a8eee  0px 0px 2px;
+      -moz-box-shadow: #5a8eee  0px 0px 2px;
+      box-shadow: #5a8eee  0px 0px 2px;
+    }
   }
   .itemMsgLab{
     display: inline-block;

+ 7 - 0
src/css/itemManager.less

@@ -119,6 +119,13 @@
         cursor: default;
         outline: none;
     }
+    .moduleItemInp:focus{
+        border: 1px solid #5a8eee ;
+        outline: 0;
+        -webkit-box-shadow:#5a8eee  0px 0px 2px;
+        -moz-box-shadow: #5a8eee  0px 0px 2px;
+        box-shadow: #5a8eee  0px 0px 2px;
+      }
     .moduleTypeList{
          width: 160px;
     }

+ 8 - 0
src/css/login.less

@@ -100,6 +100,14 @@ body {
       display: inline-block;
       width: 80%;
     }
+    
+  }
+  .inputFocus{
+      border: 1px solid #5a8eee ;
+      outline: 0;
+      -webkit-box-shadow:#5a8eee  0px 0px 2px;
+      -moz-box-shadow: #5a8eee  0px 0px 2px;
+      box-shadow: #5a8eee  0px 0px 2px;
   }
 }
 

+ 7 - 0
src/css/qcList.less

@@ -135,6 +135,13 @@ table{
         padding: 0 10px;
         box-sizing: border-box;
     }
+    input:focus{
+        border: 1px solid #5a8eee ;
+        outline: 0;
+        -webkit-box-shadow:#5a8eee  0px 0px 2px;
+        -moz-box-shadow: #5a8eee  0px 0px 2px;
+        box-shadow: #5a8eee  0px 0px 2px;
+    }
 }
 
 .filterDropList{

+ 7 - 0
src/css/qcListDept.less

@@ -135,6 +135,13 @@ table{
         padding: 0 10px;
         box-sizing: border-box;
     }
+    input:focus{
+        border: 1px solid #5a8eee ;
+        outline: 0;
+        -webkit-box-shadow:#5a8eee  0px 0px 2px;
+        -moz-box-shadow: #5a8eee  0px 0px 2px;
+        box-shadow: #5a8eee  0px 0px 2px;
+    }
 }
 
 .filterDropList{

+ 7 - 0
src/css/qcListPerson.less

@@ -135,6 +135,13 @@ table{
         padding: 0 10px;
         box-sizing: border-box;
     }
+    input:focus{
+        border: 1px solid #5a8eee ;
+        outline: 0;
+        -webkit-box-shadow:#5a8eee  0px 0px 2px;
+        -moz-box-shadow: #5a8eee  0px 0px 2px;
+        box-shadow: #5a8eee  0px 0px 2px;
+    }
 }
 
 .filterDropList{

+ 6 - 0
src/js/login.js

@@ -17,6 +17,12 @@ $(function(){
   $("#password").focus(function(){
     $(this).attr("type","password")
   })
+  $(".iptWrap input").focus(function(){
+    $(this).parent().addClass('inputFocus')
+  })
+  $(".iptWrap input").blur(function(){
+    $(this).parent().removeClass('inputFocus')
+  })
   $("body").on('input','#username,#password',function(){
     if($(this).val().trim() != ''){
       $(".login .waring").html('')