বোতামগুলি থেকে সীমানা সরান

Question

আমি স্ট্যান্ডার্ড বোতামের চিত্রগুলির পরিবর্তে বোতামগুলি তৈরি করতে এবং নিজের ছবিগুলি imagesোকানোর চেষ্টা করেছি। তবে মানক বোতামগুলির ধূসর সীমানা এখনও অবধি রয়ে গেছে যা আমার কালো বোতামের চিত্রগুলির বাইরের অংশে প্রদর্শিত হচ্ছে।

কেউ কীভাবে বাটন থেকে এই ধূসর সীমানাটি সরিয়ে ফেলতে জানেন, তাই এটি কেবল চিত্রটিই? ধন্যবাদ.

Comments

চেষ্টা করুন -webkit-appearance: inherit;বা-webkit-appearance:initial

— সর্বাধিক

@ ব্রুট: আমি ভুল হতে পারি, তবে এটি আমার কাছে ব্রাউজার-নির্দিষ্ট দেখাচ্ছে এবং আমি নিশ্চিত যে জেমসন এমন কিছু চান যা সমস্ত আধুনিক ব্রাউজারের জন্য কাজ করবে।

— মাইকেল শ্যাপার

Answer 1

যোগ

padding: 0;
border: none;
background: none;

আপনার বোতামে

ডেমো:

https://jsfiddle.net/Vestride/dkr9b/

Comments

আমি প্রশংসা করি .. তবে আপনি স্টাইলশিটে যেমন বলেছেন তেমনই আমি যোগ করেছি এবং এটি দুর্ভাগ্যক্রমে কার্যকর হয়নি। আমি কি সরাসরি এটি এইচটিএমএল এ এমবেড করা উচিত, যদি এটি কোনও পার্থক্য করে?

— জেমসনডাব্লু

আমি background: none;বোতামগুলিতে একটি ফিডাল প্লাস যুক্ত করেছি । ভাঁড়ের শিখরটি দেখুন এবং দেখুন এটি আপনার পক্ষে কার্যকর কিনা works

— ভাস্ট্রাইড

Answer 2

এটি আমার পক্ষে নিখুঁতভাবে কাজ করে বলে মনে হচ্ছে।

button:focus { outline: none; }

Comments

outline:none;অ্যাক্সেসযোগ্যতার কারণে প্রস্তাবিত নয়। যদি আপনাকে অবশ্যই ফোকাস সীমানা অপসারণ করতে হয়, দয়া করে ব্যবহারকারীদের এটির ফোকাস রয়েছে তা দেখার জন্য অন্য কোনও উপায় সরবরাহ করুন। outlinenone.com

— ভেস্ট্রিড

Answer 3

আমার একই সমস্যা ছিল এবং আমি সিএসএসে আমার বোতামটি স্টাইল করলেও এটি কখনই বাছাই করতে পারে না border:noneতবে যা কাজ করেছে তা সরাসরি ইনপুট বোতামে একটি শৈলী যুক্ত করছে:

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

Comments

আপনি একটি ইনলাইন শৈলীতে সম্পত্তি ওভাররাইড করতে সিএসএস ক্যাসকেড ব্যবহার করছেন। আপনার সিএসএস ক্যাসকেড এবং সিএসএসের নির্দিষ্টতাতে কিছু নিবন্ধ পরীক্ষা করা উচিত।

— DrCord

Answer 4

ব্যবহার করার চেষ্টা করুন: border:0;বাborder:none;

Answer 5

স্বাভাবিক কৌশলটি হ'ল বোতামের পরিবর্তে চিত্রটিকে নিজেই একটি লিঙ্কের অংশ করা। তারপরে, আপনি কাস্টম হ্যান্ডলারের সাহায্যে "ক্লিক" ইভেন্টটি আবদ্ধ করেন।

জ্যাকুরি-ইউআই বা বুটস্ট্র্যাপের মতো ফ্রেমওয়ার্কগুলি বাক্সের বাইরে এটি করে। এর মধ্যে একটির ব্যবহার করে পুরো অ্যাপ্লিকেশন ধারণাটি সহজ উপায় হতে পারে।

Answer 6

আপনি background:none;border:0pxবোতাম চেষ্টা করতে পারেন ।

সিএসএস নির্বাচকরা div#yes button{..}এবং div#no button{..}। আশা করি এটি সাহায্য করবে

Comments

এছাড়াও আপনি img ট্যাগ ব্যবহার করে ইমেজ হিসাবে বাটনটির পটভূমি সেট করতে পারেন

বা খাঁটি সিএসএসে এটি করুন। পছন্দbackground:#555; font-weight:bold: color:#fff; padding:6px 8px;

Answer 7

বোতাম ফোকাসের বোতাম থেকে ডিফল্ট 'নীল-সীমান্ত' অপসারণ করার জন্য:

এইচটিএমএলে:

<button class="new-button">New Button...</button>

এবং CSS এ

button.new-button:focus {
    outline: none;
}

আশা করি এটা সাহায্য করবে :)

Answer 8

এটি সিএসএস হিসাবে যুক্ত করুন,

button[type=submit]{border:none;}

Answer 9

$ ("। myButtonClass")। CSS (["সীমানা: কিছুই নয়; পটভূমির রঙ: সাদা; প্যাডিং: 0"]);

Comments

লস আপনি সিএসএস শৈলীর পরিবর্তনের জন্য jquery ব্যবহার করা উচিত নয়

— জর্ডিলিয়ার