আমি কীভাবে কোনও মনোনিবেশযোগ্য প্রাকের চারপাশে সীমানা সরিয়ে ফেলব?

Question

আমি যখন সন্তুষ্টির জন্য একটি প্রাক উপাদান সেট করি এবং সম্পাদনার জন্য এতে মনোনিবেশ করি তখন এটি চারপাশে একটি বিন্দুযুক্ত সীমানা পায় যা দেখতে খুব সুন্দর লাগে না। ফোকাস অন্য কোথাও থাকলে সীমান্ত সেখানে নেই।
আমি কীভাবে এই সীমানা সরিয়ে ফেলব?

ধন্যবাদ

Answer 1

সেট outlineসম্পত্তি থেকে 0px solid transparent;। আপনাকে এটিকে :focusরাজ্যেও সেট করতে হতে পারে , উদাহরণস্বরূপ:

[contenteditable]:focus {
    outline: 0px solid transparent;
}

Comments

@ ক্রিসটফার: আই 7 outlineবা তার চেয়ে কম কাজ করবে না। এই ব্রাউজারগুলিতে আপনাকে hideFocusউপাদানটির বৈশিষ্ট্য সেট করতে হবে true, যেমন$('#myEl').get().hideFocus = true;

— অ্যান্ডি ই

রেফারেন্সের জন্য:[contenteditable]:focus { outline: 0px solid transparent; }

— আল্ফ ইটন

সবাইকে ধন্যবাদ. দিন বাঁচিয়েছে। এফওয়াইআই আমি কেবলমাত্র Chrome এ রূপরেখা দেখছি। ফায়ারফক্স এবং আইই ১১ এটি দেখায় না।

— nevf

এছাড়াও আপনি কেবল ব্যবহার করতে পারেনoutline: none

— ইভস এম

আলফ, আপনার মন্তব্যটির উত্তর হিসাবে চিহ্নিত করা উচিত:>

— ফরয়েজ

Answer 2

আপনি :read-writeছদ্ম-শ্রেণীর সাথে শৈলীর উপাদান যুক্ত করতে পারেন যা সম্পাদনাযোগ্য।

উদাহরণস্বরূপ ( জেএসফিডাল ) :

.element:read-write:focus {
     outline: none;
}

কোডড্রপগুলিতে এখানে আরও পড়ুন ।

:read-writeসিউডো-বর্গ নির্বাচক ক্রোম, সাফারি, এবং অপেরা 14+, ইন এবং iOS সমর্থিত। -moz-ফর্মটিতে এটি ফায়ারফক্সের উপসর্গ সহ সমর্থিত :-moz-read-write। :read-writeনির্বাচক Internet Explorer এ আর Android এ সমর্থিত নয়।

Comments

এই এবং এর মধ্যে পার্থক্য কি .element:focus?

— জেজেজে

এটি কেবল নির্বাচনকারীদের ক্ষেত্রেই প্রযোজ্য যা বিতর্কযোগ্য।

— মোরক্রো

যে কোন উপকার [contenteditable]:focus?

— জোয়েল

এছাড়াও: সক্ষম ছদ্ম নির্বাচক

— ওয়াললে সিরিল