সিএসএস আইপ্যাড / আইফোনে বোতামের বিচিত্র রেন্ডারিং জমা দেয়

Question

আমি লক্ষ্য করেছি যে আমি যদি ব্যাসার্ধ, রঙ এবং সীমানা ব্যবহার করে সিএসএস দিয়ে আমার বোতামগুলি স্টাইল করি তবে সেগুলি দেখতে ভাল তবে আইফোন / আইপ্যাড / আইপডগুলিতে তারা দেখতে ভয়ঙ্কর দেখাচ্ছে ... সাফারি ডেস্কটপের মতো রেন্ডারিং হওয়া উচিত নয় ??

Comments

আইপ্যাড / আইফোনে ইনপুট বোতামগুলির জন্য সিএসএস স্টাইলিংয়ের

— স্কোলিমা

Answer 1

ওহো! কেবল নিজেকে খুঁজে পেয়েছি: আপনার প্রয়োজনীয় যে কোনও উপাদানটিতে এই লাইনটি যুক্ত করুন

   -webkit-appearance: none;

Comments

আমি আপনাকে,

— স্ট্যাকওভারফ্লো

উজ্জ্বল, এবং এখানে সিএসএস ঠাট থেকে এটি সম্পর্কে একটি মহান নিবন্ধ। এটি ওয়েবকিট এবং মজিলা দ্বারা পরিবর্তিত অন্যান্য সমস্ত উপাদানগুলির তালিকা করে।

— প্যাট্রিক

কম্পাসের জন্য এটিরও

— প্যাট্রিক বিসন

আমি চাই 12 ঘন্টা আগে আমি এই গুগল অনুসন্ধানটি করতে পারতাম ... আপনাকে ধন্যবাদ।

— এলি পোস্ট

সত্যিই চমৎকার! আইওএস-এও আমাদের এই জাতীয় সমস্যা ঘটেছিল তা ভেবে দেখেনি! এর জন্য আবারও আপনাকে অনেক ধন্যবাদ!

— সৌরভ প্রজাপতি

Answer 2

সিএসএস ফাইলে এই কোডটি যুক্ত করুন:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

এইটা সাহায্য করবে.

Comments

গ্রেট! ফর্ম জমা বোতামটি এখন আমার আইপ্যাডে

— যেমনটি দেখাবে তেমন দেখাচ্ছে

@ পেটারকোডারম্যাক দয়া করে প্যারেন্ট সিএসএস ক্লাস যুক্ত করতে ভুলবেন না, অন্যথায়, এটি প্রতিটি ইনপুট ক্ষেত্রে প্রভাব ফেলতে পারে।

— সুবিন্দাস

Answer 3

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

-webkit-appearance:none;
opactiy: 1

অস্বচ্ছতা সেট করার পরে, বোতামটি সমস্ত বিভিন্ন ডিভাইস / এমুলেটর / ডেস্কটপে একই দেখায়।