chrome 양식이 자동으로 채워지면 텍스트 상자 배경색이 노란색으로 바뀝니다.

1434 단어
문제 설명
크롬 폼이 자동으로 채워진 후autocomplete="on" input 텍스트 상자의 배경색이 노란색으로 변합니다. 크롬은 자동으로 채워진 input 폼에 input:-webkit-autofill 개인 스타일을 기본적으로 추가하기 때문에 다음은 스타일 코드입니다.
input:-webkit-autofill { 
    background-color: #FAFFBD;
    background-image: none; 
    color: #000; } ```
       :

![chrome   ](http://upload-images.jianshu.io/upload_images/740787-930cf18ddc664112.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
####    
     chrome             (  background-color       ),        。
       (                ):

put:-webkit-autofill {box-shadow:0 0 0 120px #ff inset;//120 이 값을 텍스트 상자 너비의 1/2}로 가져오기
      :
![chrome   ](http://upload-images.jianshu.io/upload_images/740787-4936c182b0f213c0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
**                , js(             input         )**
>             ,     :
 1、            ,          ,                                    ,                   。 
2、                ,      chrome         ,  js   

$(function() { if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { $(window).load(function(){ $("ul input:not(input[type=submit])").each(function(){ var outHtml = this.outerHTML; $(this).append(outHtml); }); }); } 10.});

좋은 웹페이지 즐겨찾기