CSS এইচটিএমএল উপাদান মধ্যে টেক্সট প্রদর্শন করবেন না

এ সেট-আপ করুন

আমি এইচটিএমএল একটি টুকরা আছে যে মত দেখায়,


যা জরিমানা রেন্ডার।


প্রশ্ন

সিএসএস ব্যবহার করে "-" মুছে ফেলা কি সম্ভব? আমি কিভাবে এটা করতে নিশ্চিত নই।

I've tried display:none; on the

2
@ হকচিয়া, এই WooCommerce প্লাগ ইন বিকাশকারী।
যোগ লেখক LucSpan, উৎস
কে কোডে যোগ করেছে?
যোগ লেখক Hkachhia, উৎস
সমাধান খুঁজে বের করার জন্য আপনি লেবেলটিতে রঙ নির্ধারণ করতে পারেন এবং ভিন্নভাবে স্প্যানিশ করতে পারেন, তবে CSS এর সাহায্যে কোডটি সরানো সম্ভব নয়।
যোগ লেখক Joykal Infotech, উৎস

8 উত্তর

ফন্ট সাইজ: 0px লেবেল দিয়ে নীচের মত ব্যবহার করুন

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

label {  font-size: 0;  }
label>* {  font-size: 14px;  }
</div> </div>
2
যোগ

হ্যাঁ আপনি পারেন, আমি আপনার জন্য তৈরি নীচের উদাহরণ চেক করুন।

আরও বিস্তারিত জানার জন্য দয়া করে টেক্সট সজ্জা CSS সম্পদটি দেখুন ।

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.strikethrough {
  text-decoration: line-through;
} 

.strikethrough-none {
  text-decoration: none;
} 

text-decoration: line-through;


text-decoration: none;

</div> </div>
2
যোগ
আমি কিভাবে এই প্রশ্নের উত্তর দেখতে না।
যোগ লেখক JasperZelf, উৎস
আমি স্নিপেটটি আপডেট করেছি, অনুগ্রহ করে দয়া করে চেষ্টা করুন এবং হাঙ্গরের মত খুব দ্রুত ডাউনগ্রেড করবেন না, এটি একটি প্রতিযোগিতা নয়, আমরা সবাই একে অপরকে সাহায্য করার চেষ্টা করছি
যোগ লেখক Nayzen, উৎস
কিন্তু আপনি উত্তর দেওয়ার আগে প্রশ্ন পড়তে পারেন দয়া করে
যোগ লেখক Joykal Infotech, উৎস
কিভাবে এই প্রশ্নের উত্তর ঠিক?
যোগ লেখক j.ian.le, উৎস

আপনার জন্য এই কাজ আশা করি

.product-name:after {
display: block;
content: "";
}
1
যোগ
এটি একটি নতুন ছদ্ম উপাদান যোগ করবে, লেবেলের সামগ্রীগুলিকে প্রভাবিত করবে না
যোগ লেখক JasperZelf, উৎস
না, এটা হয় না :-(
যোগ লেখক LucSpan, উৎস
হ্যাঁ আমি এখন চেক
যোগ লেখক Kandy, উৎস
আমি সংশোধনের পরে আমার উত্তর সম্পাদনা করতে হবে
যোগ লেখক Kandy, উৎস

আপনি সত্যিই এটি অপসারণ করতে পারবেন না, কিন্তু আপনি এটি লুকাতে পারেন। যদি আপনি এটি পটভূমির মতোই রঙ করেন এবং প্রফেসরটিকে বাম দিকে সরান তবে এটি সরানো উচিত বলে মনে হচ্ছে।

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

label{
  color: #FFFFFF;  /* make all label text white, hiding everything, including the dash */
}

label>*{
  color: #000000; /* revealing all elements except the dash */
}

label .price{
  margin-left: -20px; /* move the price slightly to the left, to accomodate for the hidden dash */
}
</div> </div>
0
যোগ

আপনি একা "-" এটি পরিচালনা করতে পারবেন না কারণ এটি কেবল এইচটিএমএল ট্যাগের সাথে আবৃত নয়। আপনি ব্যাকগ্রাউন্ড বা কিছু অন্যান্য ঠাট সঙ্গে একটি মেলা রঙ দিয়ে এটি visually লুকিয়ে থাকতে পারে। কিন্তু তারপরে আপনাকে আবার ভাইরাস, ইনপুট ইত্যাদি ভাইবোনদের কাছে বিপরীত CSS প্রয়োগ করতে হবে।

0
যোগ

You cannot remove "-" using CSS because it does not belong inside any element alone. Inside the label {in which it currently resides} there are many more elements which all be get affected by the css. Put the "-" in a span

"-"


.removeThis
{
display:none;
}



 or



label > .removeThis
{
display:none;
}
0
যোগ
সিএসএস পুরো উপাদান বা এটি এর শিশু উপাদান লক্ষ্য করে। আমি এটা করার অন্য কোন উপায় আছে মনে হয় না। CSS সম্পাদনা করার জন্য সিএসএস স্টাইলিংয়ের জন্য নয়।
যোগ লেখক Ashay Mandwarya, উৎস
আমি মনে করি তিনি এইচটিএমএল কিছু পরিবর্তন করতে চান না, coz যদি তিনি সম্পূর্ণরূপে "-" মুছে ফেলেন না কেন, এটি থাকার বিন্দু কী?
যোগ লেখক j.ian.le, উৎস

আপনি এটি কেটে ফেলতে পারবেন না, তবে আপনি যদি এটি একটি ফাঁকিতে মোড়ানো করতে পারেন তবে এটি হ্যাক করতে পারেন তবে এটি দ্বিতীয় অংশটি দেখতে সহজ, অথবা হ্যাকি সমাধানটি ফন্ট সাইজ 0 এ পরিবর্তন করে অন্য সবকিছুর জন্য ফন্ট সাইজ পুনঃস্থাপন করুন।

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

label {
  display: block;
  font-size: 0;
}

label * {
  font-size: 15px;
}





label .hide {
  display: none;
}



</div> </div>
0
যোগ
আমি মনে করি, আপনি উত্তর দেওয়ার আগে মন্তব্য এবং অন্যান্য উত্তর পড়া উচিত
যোগ লেখক Joykal Infotech, উৎস

আপনি একটি span মধ্যে স্থাপন করে এবং এই CSS যোগ করতে পারেন!

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

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

span:nth-of-type(2) {
  display: none;
}
</div> </div>
0
যোগ