আমি jQuery, jqTouch এবং ফোনগ্যাপ ব্যবহার করে একটি অ্যাপ কোডিং করছি এবং একটি অবিরাম সমস্যা জুড়ে চলেছি যা যখন কোনও ব্যবহারকারী সফট কীবোর্ডের গো বোতামটি ব্যবহার করে কোনও ফর্ম জমা দেয় তখন দেখা দেয়।
যদিও কার্সারটি ব্যবহার করে উপযুক্ত ফর্ম ইনপুট উপাদানটিতে স্থানান্তরিত করা সহজ $('#input_element_id').focus()
তবে কমলা রূপরেখা হাইলাইট সর্বদা ফর্মের শেষ ইনপুট উপাদানটিতে ফিরে আসে। (ফর্ম জমা দেওয়ার বোতামটি ব্যবহার করে ফর্মটি জমা দেওয়ার সময় হাইলাইটটি প্রদর্শিত হবে না))
আমার যা প্রয়োজন তা হল কমলা হাইলাইট সম্পূর্ণরূপে অক্ষম করার জন্য একটি উপায় সন্ধান করা বা অন্যথায় এটি কার্সারের মতো একই ইনপুট উপাদানগুলিতে স্থানান্তরিত করা।
এখনও অবধি, আমি আমার সিএসএসে নিম্নলিখিতগুলি যুক্ত করার চেষ্টা করেছি:
.class_id:focus {
outline: none;
}
এটি ক্রোমে কাজ করে তবে এমুলেটর বা আমার ফোনে নয়। আমি jqTouch এডিট করার চেষ্টা করেছি theme.css
:
ul li input[type="text"] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
-webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
কোন প্রভাব নেই। আমি AndroidManifest.xml
ফাইলটিতে নিম্নলিখিত প্রতিটি সংযোজন চেষ্টা করেছি :
android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"
যার কোনওটিরই কোনও প্রভাব নেই।
আপডেট: আমি এটি দিয়ে আরও কিছু সমস্যার সমাধান করেছি এবং আজ পর্যন্ত এটি পেয়েছি:
বাহ্যরেখা সম্পত্তি অ্যান্ড্রয়েড ব্রাউজারে নয়, কেবল ক্রোমে কাজ করে।
-webkit-tap-highlight-color
সম্পত্তি, অ্যান্ড্রয়েড ব্রাউজারে সত্য কাজে না যদিও ক্রোম নয়। এটি ফোকাসের পাশাপাশি ট্যাপ করার ক্ষেত্রে হাইলাইটটি অক্ষম করে।-webkit-focus-ring-color
সম্পত্তি উভয় ব্রাউজারে কাজ বলে মনে হচ্ছে না।