গুগল ক্রোম ফটোগুলি এবং এর হলুদ পটভূমি ফর্ম

Question

আমার গুগল ক্রোম এবং এর ফর্ম স্বতঃপূরণ ফাংশনটিতে ডিজাইনের সমস্যা রয়েছে। যদি Chrome কিছু লগইন / পাসওয়ার্ড মনে রাখে তবে এটি একটি পটভূমির রঙকে হলুদ রঙে পরিবর্তন করে।

এখানে কিছু স্ক্রিনশট রয়েছে:

কীভাবে সেই পটভূমি সরিয়ে ফেলবেন বা কেবল এই অটোফিলটি অক্ষম করবেন?

Comments

আমি এটি দেখতে একটি উত্তর আছে কিনা তা দেখতে চাই।

— কাইল

স্টাইলিংয়ের জন্য, এই রঙটি ক্রোমের ইনপুট ট্যাগগুলির রূপরেখার মতো ডিজাইনের উপাদানগুলির সাথেও গুরুত্ব সহকারে করতে পারে, আমি রঙটি বন্ধ করার চেয়ে আরও বেশি পরিবর্তন করতে চাই।

— কাইল

গুগল এই সমস্যাটিকে কিছুটা হলেও স্বীকৃতি দিয়েছে বলে মনে হচ্ছে। কোড. google.com/p/chromium/issues/detail?id=46543

— MitMaro

স্বতঃসমাপ্তি অক্ষম করতে আপনি নিজের ইনপুট উপাদানটিতে স্বতঃসম্পূর্ণ = "অফ" যুক্ত করতে পারেন , যেমন <ইনপুট টাইপ = "পাঠ্য" আইডি = "ইনপুট" স্বতঃপূরণ = "বন্ধ">

— জো_ইউং 14:44

কেবলমাত্র একটি অতিরিক্ত তথ্য: আমার যখন পাসওয়ার্ডের ক্ষেত্র থাকে তখন আমি এটি কামড়েছিলাম। আমি আমার ক্ষেত্রগুলি স্বয়ংক্রিয়ভাবে (হলুদ) হাইলাইট হয়েছি এবং অদ্ভুত মান দিয়ে পূর্ণ। এবং আমি সমাধানটি এখানে পেয়েছি: zigpress.com/2014/11/22/stop-chrome-messing-forms ... সমাধান "বিভাগে গুগল ক্রোম অটোফিল অক্ষম করুন" ... লুকানো ক্ষেত্র যুক্ত করুন says

— কোকর্দা রাকা

Answer 1

আপনার পছন্দ মতো যে কোনও রঙে "সাদা" পরিবর্তন করুন।

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

Comments

ভালো বুদ্ধি. দুর্বল ডিভাইসে সম্ভাব্য পারফরম্যান্স হিট এড়াতে আমি যখনই পর্যাপ্ত (নিয়মিত আকারের ইনপুট বাক্স) .০ বা 100 দিয়ে থাকি। (এবং 0 এর পরে পিক্সের প্রয়োজন নেই)

— ফ্র্যাঙ্ক নোক

এই হ্যাক ভালোবাসি! দুর্দান্ত চিন্তাভাবনা ... প্রত্যেকে অটোফিল সরছে। আমি কেবল কুৎসিত হলুদ রঙের যাত্রা চালানোর জন্য অটোফিল রাখতে চেয়েছিলাম।

— ট্র্যাভিস

আপনার ইনপুট ফিল্ডের পিছনে ব্যাকগ্রাউন্ডের চিত্র থাকলে তা কার্যকর হয় না কেবল পুরো অঞ্চলটি সাদা দিয়ে পূরণ করুন। আমি jquery ভিত্তিক একটি সহ এই পৃষ্ঠার সমস্ত সমাধান চেষ্টা করেছিলাম এবং তারা আমার পক্ষে কাজ করেনি, শেষ পর্যন্ত আমাকে ক্ষেত্রের সাথে স্বতঃপূরণ = "বন্ধ" যুক্ত করতে হয়েছিল।

— মাইকে ব্ল্যাক

পাঠ্য রঙের ব্যবহারের স্টাইল করতেও -webkit-text-fill-color- এই প্রশ্নটি দেখুন

— এরউইন ওয়েসেলস

ত্রুটি আছে, আমি সম্ভবত বাক্য গঠন পরিবর্তন করতে চাই না তবে এটি এখন কাজ করে:box-shadow: inset 0 0 0 1000px white !important;

— মুহাম্মদ উমার

Answer 2

যদি আপনি ছেলেরা স্বচ্ছ ইনপুট ক্ষেত্রগুলি চান তবে আপনি স্থানান্তর এবং ট্রানজিশনের বিলম্ব ব্যবহার করতে পারেন।

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

Comments

আরজিবিএ রঙের মানগুলি কার্যকর না হওয়ায় আমার পক্ষে সেরা সমাধান -webkit-box-shadow। এছাড়াও এই ঘোষণার জন্য রঙের মান দেওয়ার প্রয়োজনীয়তাও হ্রাস করে: ডিফল্ট মানগুলি তখনও প্রযোজ্য।

— সেবাস্টিয়ান

আরও ভাল হ'ল রূপান্তরটির বিলম্বটি তার স্থায়িত্বের পরিবর্তে ব্যবহার করা, কোনও রঙের মিশ্রণ না রাখার জন্য

— এন্টোইন 129

ভাল তবে কোনও কারণে আমাকে ফাইলের শেষে এই নিয়মটি সরিয়ে ফেলতে হয়েছিল, অন্যথায় কাজ হয়নি

— ইগর মিজাক

আমি যা চেয়েছিলাম! ধন্যবাদ!

— আখমেজিয়ানভ ড্যানিলিয়ান

Answer 3

সমাধান এখানে :

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
    $(window).load(function(){
        $('input:-webkit-autofill').each(function(){
            var text = $(this).val();
            var name = $(this).attr('name');
            $(this).after(this.outerHTML).remove();
            $('input[name=' + name + ']').val(text);
        });
    });
}

Comments

এটি কাজ করেছে যদিও শীর্ষের উত্তরটি দেয় নি। তবে আমি মনে করি আমি এ থেকে আচরণটি পরিবর্তন করার চেষ্টা করব না)। এটি জাভাস্ক্রিপ্ট তাই এটির মধ্যে একটি দ্বিতীয় রয়েছে যা কাজ করে এবং এটি (জেএস লোড হওয়া অবধি) এবং খ) না। এটি ক্রোম ব্যবহারকারীকে বিভ্রান্ত করতে পারে যারা ডিফল্ট আচরণে অভ্যস্ত।

— TK123

আমার ক্রোমটি কেবল নতুন ইনপুটটিতে হলুদ রঙের পুনরায় প্রয়োগ করে :(

— ডাস্টিন সিল্ক

দয়া করে না। এটি কোনও স্থায়ী ওয়েবসাইটের জন্য কোনও জেএস ফ্রেমওয়ার্কের সাথে কাজ করবে না।

— আখমেডজিয়ানভ ড্যানিলিয়ান

Answer 4

ফায়ারফক্সে আপনি স্বতঃসম্পূর্ণ = "অফ / অন" বৈশিষ্ট্যটি ব্যবহার করে কোনও ফর্মের সমস্ত স্বতঃপূরণ অক্ষম করতে পারেন। তেমনি পৃথক আইটেম স্বতঃসমম্পূর্ণ একই বৈশিষ্ট্য ব্যবহার করে সেট করা যেতে পারে।

<form autocomplete="off" method=".." action="..">  
<input type="text" name="textboxname" autocomplete="off">

এটি কাজ করা উচিত হিসাবে আপনি ক্রোমে এটি পরীক্ষা করতে পারেন।

Comments

বাঁক autocomplete="off"এই দিনগুলিতে অ্যাক্সেসযোগ্য নয়।

— জোও

দুর্ভাগ্যক্রমে, এই সমাধানটি আর ক্রোমে কাজ করে না।

— হেনরিয়াইট

আপনি এখানে প্রকৃত সমস্যাটি সত্যিই সমাধান করছেন না বলে এটি অত্যন্ত অপ্রচলিত। পরিবর্তে, আপনি হতাশ ব্যবহারকারীদের দ্বারা আপনি একটি নতুন তৈরি করছেন কারণ তাদের ম্যানুয়ালি তাদের (সম্ভবত) লগইন বিশদটি টাইপ করতে হবে (যদি তারা এমনকি তাদের স্মরণ

— রাখেও

Answer 5

আপনি যদি নিজের ইনপুট উপাদানগুলির সাথে সংযুক্ত কোনও ডেটা, সংযুক্ত হ্যান্ডলার এবং কার্যকারিতা স্বতঃপূরণ সংরক্ষণ করতে চান তবে এই স্ক্রিপ্টটি ব্যবহার করে দেখুন:

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)
{
    var _interval = window.setInterval(function ()
    {
        var autofills = $('input:-webkit-autofill');
        if (autofills.length > 0)
        {
            window.clearInterval(_interval); // stop polling
            autofills.each(function()
            {
                var clone = $(this).clone(true, true);
                $(this).after(clone).remove();
            });
        }
    }, 20);
}

এটি কোনও অটোফিল উপাদান খুঁজে না পাওয়া পর্যন্ত ডেটা এবং ইভেন্টগুলি সহ তাদের ক্লোন করে, তারপরে একই জায়গায় ডিওমে intoোকায় এবং আসলটি সরিয়ে না দেয় It একবারে ক্লোনিংয়ের জন্য কোনওটি খুঁজে পেলে এটি পোলিং বন্ধ করে দেয় কারণ পৃষ্ঠা লোডের পরে অটোফিল কখনও কখনও একটি দ্বিতীয় সময় নেয়। এটি পূর্ববর্তী কোডের নমুনার একটি বৈচিত্র, তবে আরও দৃust় এবং যতটা সম্ভব কার্যকারিতা অক্ষত রাখে।

(ক্রোম, ফায়ারফক্স এবং আইই 8 তে কাজ করার বিষয়টি নিশ্চিত করেছেন)

Comments

স্বতঃপূরণ অক্ষম না করেই আমি কাজ করতে পেলাম এটিই একমাত্র সমাধান।

— জেরক্সয়েড

উইন্ডো.লোডে ক্রোম অটোফিল হিসাবে অন্তর সেট করা প্রয়োজনীয় নয়?

— টিমো হুভিনেন

মিলিয়ন আপ ভোটের চেয়ে আরও ভাল সমাধান স্বয়ংক্রিয় সম্পূর্ণ না সরিয়ে কাজ করে।

— অ্যালি

অন্যান্য সমাধানগুলি আমার পক্ষে কার্যকর হয়নি, এমনকি সর্বাধিক উত্সাহিত একটিও, তবে এটি কার্যকর হয়েছিল। @ টিমো উপরে যা বলেছে তার বিপরীতে সমস্যাটি হ'ল ক্রোম উইন্ডো.লোডে ঠিক স্বয়ংক্রিয়ভাবে পূরণ করে না। যদিও এটি কাজ করে, এর সাথে একটি সমস্যা হ'ল যদি কোনও ওয়েবেকিট-অটোফিল উপাদান না থাকে তবে লুপটি অবিচ্ছিন্নভাবে চালিত হয়। এটি কাজ করার জন্য আপনার একটি বিরতিও প্রয়োজন নেই। কেবল 50 মিলিসেকেন্ড বিলম্বের সাথে কেবল একটি টাইমআউট সেট করুন এবং এটি দুর্দান্ত কাজ করবে।

— গ্যাভিন

Answer 6

নিম্নলিখিত সিএসএস হলুদ ব্যাকগ্রাউন্ড রঙ মুছে ফেলে এবং এটি আপনার পছন্দসই পটভূমির রঙের সাথে প্রতিস্থাপন করে। এটি স্বয়ংক্রিয়-পূরণকে অক্ষম করে না এবং এর জন্য কোনও jQuery বা জাভাস্ক্রিপ্ট হ্যাকের প্রয়োজন নেই।

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

সমাধানটি অনুলিপি করা হয়েছে: ব্রাউজারের ফর্ম-ফিলিং এবং এইচটিএমএল / সিএসএসের সাহায্যে ইনপুট হাইলাইট করা হবে

Comments

মাঠে একাধিক ছায়া প্রয়োগ করা থাকলে ভাল খেলবে না।

— আমার যোগ্যতা

Answer 7

আমার জন্য কাজ করেছেন, কেবল সিএসএস পরিবর্তন দরকার।

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset!important;
}

আপনি # fffff এর জায়গায় যে কোনও রঙ রাখতে পারেন ।

Answer 8

কিছুটা হ্যাকি তবে আমার পক্ষে পুরোপুরি কাজ করে

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

Answer 9

উত্তরগুলির সংমিশ্রণটি আমার পক্ষে কাজ করেছিল

<style>
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px #373e4a inset !important;
           -webkit-text-fill-color: white !important;
   }
</style>

Comments

এটিই একমাত্র উদাহরণ যা আমার জন্য ক্রোম সংস্করণে 53.0.2785.116 মি

— প্লিজ

Answer 10

এখানে জেসন এর MooTools সংস্করণ। এটিকে সাফারিতেও ঠিক করে দেয়।

window.addEvent('domready',function() { 
    $('username').focus();

    if ((navigator.userAgent.toLowerCase().indexOf(\"chrome\") >= 0)||(navigator.userAgent.toLowerCase().indexOf(\"safari\") >= 0))
    {

        var _interval = window.setInterval(function ()
        {
            var autofills = $$('input:-webkit-autofill');
            if (autofills.length > 0)
            {

                window.clearInterval(_interval); // stop polling
                autofills.each(function(el)
                {
                    var clone = el.clone(true,true).inject(el,'after');;
                    el.dispose();
                });
            }
        }, 20);                                               


    }
});

Comments

এই স্ক্রিপ্ট ব্যবহার করবেন না। যদি কোনও স্বয়ংসম্পূর্ণ উপাদান না থাকে তবে লুপটি অবিচ্ছিন্নভাবে 20 মিলিসেকেন্ডে চলবে। একটি বিরতি অপ্রয়োজনীয়। উইন্ডোটির পরে টাইমআউট সেট করুন প্রায় 50 মিলিসেকেন্ডে লোড করুন এবং স্টাইলিংটি সরাতে এটি যথেষ্ট সময় পাবে।

— গ্যাভিন

Answer 11

এটি সাফারি এবং ক্রোম উভয়ই সমস্যার সমাধান করে

if(navigator.userAgent.toLowerCase().indexOf("chrome") >= 0 || navigator.userAgent.toLowerCase().indexOf("safari") >= 0){
window.setInterval(function(){
    $('input:-webkit-autofill').each(function(){
        var clone = $(this).clone(true, true);
        $(this).after(clone).remove();
    });
}, 20);
}

Comments

আমার জন্য কি কাজ করে। তবে বিজিজি এখনও আছে, এবং যেমনটি দেখা যায়, কোনও তারিখ স্থির করার জন্য নয়। কোড.google.com/p/chromium/issues/detail?id=46543#c22

— এডুয়ার্ডো এম

আপনি কখনই আপনার বিরতি পরিষ্কার করেন না। এটি হ'ল কোড, এটি ব্যবহার করবেন না।

— গ্যাভিন

আসলে এটি কাজ করে না। আমি ক্রমাগত ক্লোন হয়ে যাওয়ায় ইনপুটগুলিতে আমি কিছুই টাইপ করতে পারি না। প্রায় সেখানে ...

— ডাস্টিন সিল্ক

এই var id = window.setInterval (ফাংশন () {$ ('ইনপুট: -webkit-অটোফিল') ব্যবহার করে দেখুন। প্রতিটি (ফাংশন () {var ক্লোন = $ (এটি) .ক্লোন (সত্য, সত্য); $ (এটি) .পথ (ক্লোন) .রেভ ();});}, 20); $ ( 'ইনপুট: -webkit-স্বতঃপূর্ণ')। ফোকাস (ফাংশন () {window.clearInterval (ID);});

— ডাস্টিন সিল্ক

Answer 12

এটি আমাকে সিএসএসের একমাত্র সংস্করণে সহায়তা করেছিল।

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

যেখানে সাদা আপনার পছন্দ মতো কোনও রঙ হতে পারে।

Answer 13

আমি এটি ব্যবহার করি,

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
input:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
/* You can use color:#color to change the color */

Answer 14

আপনার ট্যাগে, কোডের এই ছোট লাইনটি সন্নিবেশ করান।

autocomplete="off"

তবে এটি ব্যবহারকারীর নাম / ইমেল / পরিচয় ক্ষেত্রের মধ্যে রাখবেন না কারণ আপনি যদি এখনও স্বতঃপূরণ ব্যবহার করতে চান তবে এটি এই ক্ষেত্রটির জন্য এটি অক্ষম করে দেবে। তবে আমি এর চারপাশে একটি উপায় খুঁজে পেয়েছি, কেবল কোডটি আপনার পাসওয়ার্ড ইনপুট ট্যাগে রাখুন কারণ আপনি যেভাবে কোনওভাবেই পাসওয়ার্ডগুলি স্বয়ংক্রিয়ভাবে পূরণ করেন না। এই ফিক্সটি আপনার ইমেল / ব্যবহারকারীর ক্ষেত্রের রঙিন বল, ম্যাটিনাইন স্বয়ংক্রিয়রূপ ক্ষমতা সরিয়ে ফেলতে হবে এবং আপনাকে জ্যাকুয়ারি বা জাভাস্ক্রিপ্টের মতো ভারী হ্যাকগুলি এড়াতে দেয়।

Answer 15

আপনি যদি এটি থেকে সম্পূর্ণরূপে মুক্তি পেতে চান তবে আমি কোডটিকে পূর্ববর্তী উত্তরে সামঞ্জস্য করেছি যাতে এটি হোভার, সক্রিয় এবং ফোকাসেও কাজ করে:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

Comments

একটি যোগ !importantকরা প্রয়োজন তবে ধন্যবাদ, এটি আমাকে অনেক সাহায্য করেছে।

— পোলোচন

Answer 16

এখানে একটি মটুলস সমাধান আলেসান্দ্রো'র মতোই করছে - প্রতিটি প্রভাবিত ইনপুটকে নতুন দিয়ে প্রতিস্থাপন করে।

if (Browser.chrome) {
    $$('input:-webkit-autofill').each(function(item) {
        var text = item.value;
        var name = item.get('name');
        var newEl = new Element('input');
        newEl.set('name', name);
        newEl.value = text;
        newEl.replaces(item);
    });
}

Answer 17

এই সমাধান সম্পর্কে কি:

if ($.browser.webkit) {
    $(function() {
        var inputs = $('input:not(.auto-complete-on)');

        inputs.attr('autocomplete', 'off');

        setTimeout(function() {
            inputs.attr('autocomplete', 'on');
        }, 100);
    });
}

এটি স্বতঃপূর্ণ এবং স্বতঃপূরণ বন্ধ করে দেয় (তাই হলুদ ব্যাকগ্রাউন্ডগুলি অদৃশ্য হয়ে যায়), 100 মিলিসেকেন্ডের জন্য অপেক্ষা করে তারপরে স্বয়ংক্রিয়-পূর্ণতা ছাড়াই স্বয়ংক্রিয়-সম্পূর্ণ কার্যকারিতা ফিরিয়ে দেয়।

আপনার যদি স্বয়ংক্রিয়ভাবে ভরাট করা ইনপুট থাকে তবে তাদের auto-complete-onসিএসএস ক্লাস দিন।

Answer 18

সমাধানগুলির কোনওটিই আমার পক্ষে কাজ করেনি, ব্যবহারকারীর নাম এবং পাসওয়ার্ড ইনপুটগুলি এখনও পপুলেটেড এবং হলুদ ব্যাকগ্রাউন্ড দেওয়া হয়েছিল।

তাই আমি নিজেকে জিজ্ঞাসা করেছি, "প্রদত্ত পৃষ্ঠায় কী কী স্বয়ংক্রিয়ভাবে পূরণ করা উচিত Chrome কীভাবে নির্ধারণ করে?"

"এটি কি ইনপুট আইডি, ইনপুট নামগুলি সন্ধান করে? ফর্ম আইডি? ফর্ম ক্রিয়া?"

ব্যবহারকারীর নাম এবং পাসওয়ার্ড ইনপুটগুলির সাথে আমার পরীক্ষার মাধ্যমে, আমি কেবলমাত্র দুটি উপায় পেয়েছি যা ক্রোমকে স্বয়ংক্রিয়ভাবে পূরণ হওয়া ক্ষেত্রগুলি সন্ধান করতে সক্ষম করবে না:

1) পাঠ্য ইনপুট এর আগে পাসওয়ার্ড ইনপুট রাখুন। 2) তাদের একই নাম এবং আইডি ... বা কোনও নাম এবং আইডি দিন।

পৃষ্ঠাটি লোড হওয়ার পরে, জাভাস্ক্রিপ্টের সাহায্যে আপনি হয় পৃষ্ঠার ইনপুটগুলির ক্রম পরিবর্তন করতে পারেন, বা গতিশীলভাবে তাদের নাম এবং আইডি দিতে পারেন ...

এবং Chrome কী আঘাত করেছে তা জানে না ... স্বতঃপূর্ণতা বন্ধ থাকে।

ক্রেজি হ্যাক, আমি জানি। তবে এটি আমার পক্ষে কাজ করছে।

Chrome 34.0.1847.116, ওএসএক্স 10.7.5

Answer 19

আমার পক্ষে কাজ করার একমাত্র উপায় ছিল: (jQuery প্রয়োজনীয়)

$(document).ready(function(e) {
    if ($.browser.webkit) {
        $('#input_id').val(' ').val('');
    }
});

Answer 20

আমি আমার পাসওয়ার্ড ফিল্ডের জন্য এই সমস্যাটি স্থির করেছি:

পাসওয়ার্ডের পরিবর্তে পাঠ্যটিতে ইনপুট প্রকারটি সেট করুন

JQuery সহ ইনপুট পাঠ্য মানটি সরান

ইনপুট টাইপকে jQuery এর সাহায্যে পাসওয়ার্ডে রূপান্তর করুন

<input type="text" class="remove-autofill">

$('.js-remove-autofill').val('');    
$('.js-remove-autofill').attr('type', 'password');

Comments

ক্রোমে কাজ করে না। ক্ষেত্রটি টাইপ = পাসওয়ার্ড হয়ে যাওয়ার সাথে সাথে ক্রোম এটিকে পূরণ করে

— মোগলি

Answer 21

আরজানস সমাধানের জন্য একটি আপডেট। মানগুলি পরিবর্তন করার চেষ্টা করার সময় এটি আপনাকে দেয় না। এটি আমার পক্ষে ভাল কাজ করে। আপনি যখন কোনও ইনপুটটিতে ফোকাস করবেন তখন তা হলুদ হয়ে যাবে। এটি যথেষ্ট কাছাকাছি।

$(document).ready(function (){
    if(navigator.userAgent.toLowerCase().indexOf("chrome") >= 0 || navigator.userAgent.toLowerCase().indexOf("safari") >= 0){
        var id = window.setInterval(function(){
            $('input:-webkit-autofill').each(function(){
                var clone = $(this).clone(true, true);
                $(this).after(clone).remove();
            });
        }, 20);

        $('input:-webkit-autofill').focus(function(){window.clearInterval(id);});
    }
});

$('input:-webkit-autofill').focus(function(){window.clearInterval(id);});

Answer 22

এই কোড ব্যবহার করে দেখুন:

 	$(function(){
   		setTimeout(function(){
   			$('[name=user_password]').attr('type', 'password');
   		}, 1000);
   	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<input name="user_password" type="password">

Answer 23

ফরিদ নামরোটির উত্তরটি সঠিক। ইনপুট নির্বাচন করা হলেও পটভূমিটি এখনও হলুদ হয়ে যায় । !importantসমস্যা সংশোধন করা যুক্ত করা হচ্ছে । আপনার কাছে যদি চান textareaএবং selectএকই আচরণ সঙ্গে শুধু যোগtextarea:-webkit-autofill, select:-webkit-autofill

কেবল ইনপুট

input:-webkit-autofill {
    background-color: rgb(250, 255, 189) !important;
}

ইনপুট, নির্বাচন, পাঠ্য

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189) !important;
}

Answer 24

যোগ autocomplete="off"করা এটি কাটা হবে না।

ইনপুট ধরণের বৈশিষ্ট্য এতে পরিবর্তন করুন type="search"।
গুগল এক ধরণের অনুসন্ধানের সাথে ইনপুটগুলিতে স্বতঃপূরণ প্রয়োগ করে না।

আশা করি এটি আপনার কিছুটা সময় সাশ্রয় করবে।

Answer 25

আপনার সিএসএস প্রয়োগ না হওয়া পর্যন্ত যদি আপনি হলুদ ঝলকানি এড়াতে চান তবে এই খারাপ ছেলের উপর এমন একটি সংক্রমণের চাপ দিন:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    transition: background-color 10s ease-in-out 0s;
}

Answer 26

চূড়ান্ত সমাধান:

$(document).ready(function(){
    var contadorInterval = 0;
    if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)
    {
        var _interval = window.setInterval(function ()
        {
            var autofills = $('input:-webkit-autofill');
            if (autofills.length > 0)
            {
                window.clearInterval(_interval); // stop polling
                autofills.each(function()
                {
                    var clone = $(this).clone(true, true);
                    $(this).after(clone).remove();
                    setTimeout(function(){
//                        $("#User").val('');
                        $("#Password").val('');
                    },10);
                });
            }
            contadorInterval++;
            if(contadorInterval > 50) window.clearInterval(_interval); // stop polling
        }, 20);
    }else{
        setTimeout(function(){
//            $("#User").val('');
            $("#Password").val('');
        },100);
    }
});

Answer 27

<input type="text" name="foo" autocomplete="off" />

অনুরূপ প্রশ্ন: লিঙ্ক

Comments

ক্রোম স্বতঃসিদ্ধ = "অফ" উপেক্ষা করে

— সোভেন ভ্যান ড্যান বুগার্ট

Google Chrome- এ অক্ষম স্বয়ংসম্পূর্ণ: <a href=" browsers.about.com/od/googlechrome/ss/...>

— আদিত্য পি ভাট

Answer 28

সবেমাত্র একই প্রশ্নে নিজেকে খুঁজে পেয়েছি। এটি আমার পক্ষে কাজ করে:

form :focus {
  outline: none;
}

Comments

আপনি যখন এটিতে ক্লিক করেন তখন বাক্সের আউটলাইনটি সরিয়ে দেয়, স্বয়ংসম্পূর্ণ ইনপুটটির ব্যাকগ্রাউন্ড রঙ নয়

— ক্লায়ার