সিএসএস ব্যবহার করে কোনও ইনপুটটিতে এতে পাঠ্য রয়েছে কিনা তা সনাক্ত করুন - আমি যে পৃষ্ঠায় যাচ্ছি এবং নিয়ন্ত্রণ করছি না?

Question

সিএসএসের মাধ্যমে কোনও ইনপুটটিতে পাঠ্য আছে কি না তা সনাক্ত করার কোনও উপায় আছে কি? আমি :emptyসিউডো-ক্লাসটি ব্যবহার করার চেষ্টা করেছি এবং ব্যবহার করার চেষ্টা করেছি [value=""], যার কোনটিই কাজ করে না। আমি এর একক সমাধান খুঁজে পাচ্ছি না।

আমি ধারণা করি এটি অবশ্যই সম্ভব হবে, বিবেচনা করে আমাদের সিউডো-ক্লাস রয়েছে :checkedএবং :indeterminateউভয়ই একই ধরণের জিনিস are

দয়া করে নোট করুন: আমি এটি "স্টাইলিশ" স্টাইলের জন্য করছি , যা জাভাস্ক্রিপ্ট ব্যবহার করতে পারে না।

এছাড়াও খেয়াল করুন, স্টাইলিশ ব্যবহার করা হয়, ক্লায়েন্ট-সাইড, ব্যবহারকারীরা নিয়ন্ত্রণ করেন না এমন পৃষ্ঠাগুলিতে।

Comments

আমি সিএসএস দিয়ে এটি করার কোনও উপায় সম্পর্কে নিশ্চিত নই (যা উড়ানের পরে আপডেট হয় না)। যদিও জাভাস্ক্রিপ্টের সাহায্যে এটি সহজ।

— ralph.m

আমি জাভাস্ক্রিপ্ট ব্যবহার করতে পারি বলে মনে করি না। আমি "স্টাইলিশ" স্টাইলে কাজ করছি। খুব নিশ্চিত যে এটি সম্পূর্ণরূপে সিএসএস দিয়ে করতে হবে। ব্যবহারকারী পাঠ্যে প্রবেশ করার সাথে সাথে যদি এটি আপডেট না হয় তবে আমার ধারণা এটি তখন সময় নষ্টের মতো। সে সম্পর্কে ভাবেনি। হুম। কমপক্ষে শৈলীর জন্য এটি সমালোচনা নয়, এটি কেবল নব্বইয়ের যোগ করার আশা করছিলাম।

— জ্যাকবডেদেভ

এর সম্ভাব্য সদৃশ : না (: খালি) সিএসএস নির্বাচক কাজ করছেন না?

— ড্যানি বেকেট

Answer 1

স্টাইলিশ এটি করতে পারে না কারণ CSS এটি করতে পারে না। সিএসএসের কোনও <input>মান ( সিউডো) নেই ( মান) এর জন্য নির্বাচক । দেখা:

• ডাব্লু 3 সি নির্বাচক অনুমান
• মোজিলা / ফায়ারফক্স সমর্থকদের নির্বাচিত করেছে
• ক্রস ব্রাউজার, CSS3 সমর্থন টেবিল

:emptyনির্বাচক একমাত্র সন্তান নোড, না ইনপুট মান বোঝায়।
[value=""] না কাজ; তবে শুধুমাত্র প্রাথমিক অবস্থার জন্য। এটি কারণ নোডের value বৈশিষ্ট্য (যা CSS দেখায়) নোডের value সম্পত্তি হিসাবে একই নয় (ব্যবহারকারী বা ডোম জাভাস্ক্রিপ্ট দ্বারা পরিবর্তিত এবং ফর্ম ডেটা হিসাবে জমা দেওয়া)।

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

এই jsBin পৃষ্ঠাতে CSS এর সীমাবদ্ধতার সাথে জাভাস্ক্রিপ্ট সমাধানের একটি ডেমো দেখুন ।

// ==UserScript==
// @name     _Dynamically style inputs based on whether they are blank.
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/

var inpsToMonitor = document.querySelectorAll (
    "form[name='JustCSS'] input[name^='inp']"
);
for (var J = inpsToMonitor.length - 1;  J >= 0;  --J) {
    inpsToMonitor[J].addEventListener ("change",    adjustStyling, false);
    inpsToMonitor[J].addEventListener ("keyup",     adjustStyling, false);
    inpsToMonitor[J].addEventListener ("focus",     adjustStyling, false);
    inpsToMonitor[J].addEventListener ("blur",      adjustStyling, false);
    inpsToMonitor[J].addEventListener ("mousedown", adjustStyling, false);

    //-- Initial update. note that IE support is NOT needed.
    var evt = document.createEvent ("HTMLEvents");
    evt.initEvent ("change", false, true);
    inpsToMonitor[J].dispatchEvent (evt);
}

function adjustStyling (zEvent) {
    var inpVal  = zEvent.target.value;
    if (inpVal  &&  inpVal.replace (/^\s+|\s+$/g, "") )
        zEvent.target.style.background = "lime";
    else
        zEvent.target.style.background = "inherit";
}

Comments

আমি সেই ইউজার স্ক্রিপ্ট জিনিসটি সন্ধান করব। ধন্যবাদ।

— জ্যাকবডেদেভ

@ মার্টিনগোটউইস, ওপি-র ক্ষেত্রে তা নয়। এটি একটি [স্টাইলিশ] প্রশ্ন question

— ব্রুক অ্যাডামস

@ ব্রকএডামস, ওপি বলছে এটি জাভাস্ক্রিপ্ট ব্যবহার করতে পারে না, সুতরাং: বৈধ বিকল্পটি যাওয়ার উপায়। আমি কিছু অনুপস্থিত করছি?

— মার্টিন গটউইস

@MartinGottweis, :validবিকল্প পৃষ্ঠা rewriting প্রয়োজন - যা কিছু ওপি আড়ম্বরপূর্ণ সঙ্গে ব্যবহার করতে পারবেন না এবং অন্যান্য উত্তর যে কেউ দেন এ সব একটি ব্রাউজিং প্রেক্ষাপটে। যে পৃষ্ঠায় তিনি যাচ্ছেন তার উপর ব্যবহারকারীর কোনও নিয়ন্ত্রণ নেই।

— ব্রুক অ্যাডামস

Answer 2

এটি সম্ভব, সাধারণ সিএসএস ক্যাভ্যাট সহ এবং যদি এইচটিএমএল কোডটি সংশোধন করা যায়। আপনি যদি requiredউপাদানটিতে বৈশিষ্ট্য যুক্ত করেন , তবে উপাদানটি মিলবে :invalidবা :validনিয়ন্ত্রণের মান খালি কিনা তা অনুসারে। যদি উপাদানটির কোনও valueবৈশিষ্ট্য না থাকে (বা এর রয়েছে value=""), নিয়ন্ত্রণের মান প্রাথমিকভাবে খালি থাকে এবং কোনও অক্ষর (এমনকি একটি স্থান) প্রবেশ করানো হলে তা কমনীয় হয়ে যায়।

উদাহরণ:

<style>
#foo { background: yellow; }
#foo:valid { outline: solid blue 2px; }
#foo:invalid { outline: solid red 2px; }
</style>
<input id=foo required>

সিউডো-শ্রেণিবদ্ধ :validএবং কেবল :invalidওয়ার্কিং ড্রাফ্ট স্তরের সিএসএস ডকুমেন্টগুলিতে সংজ্ঞায়িত করা হয়েছে তবে ব্রাউজারগুলিতে সমর্থনটি ব্যাপকভাবে বিস্তৃত, আই আই ব্যতীত, এটি আইই 10 নিয়ে আসে।

আপনি যদি শূন্যস্থানগুলিতে কেবল শূন্যস্থানগুলি অন্তর্ভুক্ত করে "খালি" করতে চান তবে আপনি গুণটি যুক্ত করতে পারেন pattern=.*\S.*।

কোনও ইনপুট নিয়ন্ত্রণের অসাধারণ মান আছে কিনা তা সরাসরি সনাক্ত করার জন্য (বর্তমানে) কোনও সিএসএস নির্বাচক নেই, সুতরাং উপরের বর্ণনার মতো আমাদের পরোক্ষভাবে এটি করা দরকার।

সাধারণত, সিএসএস নির্বাচনকারীরা ব্যবহারকারীর ক্রিয়া না করে মার্কআপ বা কিছু ক্ষেত্রে স্ক্রিপ্টিং (ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট) দ্বারা সেট হিসাবে উপাদান বৈশিষ্ট্যগুলিকে উল্লেখ করেন। উদাহরণস্বরূপ, :emptyমার্কআপে খালি সামগ্রীর সাথে উপাদানটির সাথে মিল রয়েছে; সমস্ত inputউপাদান এই অর্থে অনিবার্যভাবে খালি। নির্বাচক [value=""]পরীক্ষণ করে যে উপাদানটির valueচিহ্নিতকরণে গুণক রয়েছে এবং এর মান হিসাবে খালি স্ট্রিং রয়েছে। এবং :checkedএবং :indeterminateএকই জিনিস। তারা প্রকৃত ব্যবহারকারীর ইনপুট দ্বারা প্রভাবিত হয় না।

Comments

এটি কেবলমাত্র যদি প্রতিটি ইনপুট প্রয়োজন হয় তবে এটি একটি দুর্দান্ত সমাধান - যদি তা না হয় তবে আপনি এমন পরিস্থিতিতে চলে যাবেন যেখানে আপনার অবৈধ শৈলীতে খালি এখনও বৈধ ইনপুট ক্ষেত্রটি প্রভাবিত হবে না । জেএস সম্ভবত এই সমাধানটির জন্য বিজয়ী

— অ্যাডমশুল্ড

এটি নোংরা কিন্তু আশ্চর্যজনকভাবে চতুর। প্রশ্নের সমাধান নয়, তবে এটি অবশ্যই আমার জন্য কৌশলটি করেছে

— জানু

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

— আর্টজম কুরাপভ

শব্দার্থগতভাবে এটি ভুল। পূর্ববর্তী মন্তব্যে উল্লিখিত হিসাবে, কিছু ইনপুট alচ্ছিক হতে পারে এবং requiredবৈশিষ্ট্যটি ফর্ম জমা দিতে বাধা দিতে পারে।

— জেনমিং

উপাদানটিতে novalidateঅ্যাট্রিবিউট যুক্ত করা হয়েছে <form>যাতে একবার <form ... novalidate> <input ... required /> </form>

— পূরণের

Answer 3

আপনি :placeholder-shownসিউডো ক্লাসটি ব্যবহার করতে পারেন । প্রযুক্তিগতভাবে একটি স্থানধারক প্রয়োজন, তবে আপনি পরিবর্তে একটি স্থান ব্যবহার করতে পারেন।

input:not(:placeholder-shown) {
  border-color: green;
}

input:placeholder-shown {
  border-color: red;
}

<input placeholder="Text is required" />
<input placeholder=" " value="This one is valid" />
<input placeholder=" " />

Comments

দুর্ভাগ্যক্রমে এটি IE বা ফায়ারফক্স দ্বারা মোটেই সমর্থিত নয়। সূত্র: caniuse.com/#feat=css- placeholder

— শন ডসন

দুর্দান্ত উত্তর। ব্রাউজার সমর্থন সফল হয়, তবে যদি কোনও পলিফিল বের হয় :placeholder-shownতবে এটি অবশ্যই স্বীকৃত উত্তর হয়ে উঠবে। requiredপদ্ধতি অ্যাকাউন্ট পাড় ক্ষেত্রে মধ্যে নেয় না। এটি লক্ষ করা উচিত যে আপনি কোনও স্থানধারককে একটি স্থান দিতে পারেন এবং এই পদ্ধতিটি এখনও কাজ করবে। যশ।

— 3:30 এ কর্যসিম্মনগুলি

এর অন্য দিকটি হ'ল আপনার কাছে আসলে একটি স্থানধারক থাকা দরকার বলে মনে হচ্ছে। অন্য কথায়, কোনও মান না থাকলেও input:not(:placeholder-shown)সর্বদা মিলবে <input/>।

— redbmk

আমার জন্য এটি ক্রোম, ফায়ারফক্স এবং সাফারিতে কাজ করে। আইই 11 এ নেই।

— J0ANMM

@redbmk হিসাবে করিসিমনস উল্লিখিত হয়েছে, এটি লক্ষ্য করা উচিত যে আপনি কোনও স্থানধারকের কাছে স্থান স্থান দিতে পারেন এবং এই পদ্ধতিটি এখনও কাজ করবে।

— বাঘি

Answer 4

<input onkeyup="this.setAttribute('value', this.value);" />

এবং

input[value=""]

কাজ করবে :-)

সম্পাদনা করুন: http://jsfiddle.net/XwZR2/

Comments

এটা কি সিএসএস? এটি HTML এবং জাভাস্ক্রিপ্টের মতো দেখাচ্ছে (তবে আমার ভুল হতে পারে)।

— jww

ব্রুক অ্যাডামস লিখেছেন: [মান = ""] কাজ করে; তবে শুধুমাত্র প্রাথমিক অবস্থার জন্য। এটি কারণ নোডের মান বৈশিষ্ট্য (যা CSS দেখায়) নোডের মান বৈশিষ্ট্যের সাথে একই নয় (ব্যবহারকারী বা ডোম জাভাস্ক্রিপ্ট দ্বারা পরিবর্তিত এবং ফর্ম ডেটা হিসাবে জমা দেওয়া)। -> যাদুটি

— টম ডি

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

— ডিনোবফ

স্পষ্টতই, অনকিআপ কেবল কীবোর্ড ইনপুটটির যত্ন নেয়। তবে ভুলে যাবেন না যে আপনি নিজের মাউসটি ব্যবহার করে একটি ইনপুট বাক্সে পাঠ্য আটকে দিতে পারেন। এটি ব্যবহার করে দেখুন: আপনার ক্লিপবোর্ডে কিছু পাঠ্য অনুলিপি করুন এবং তারপরে ইনপুটটিতে ডান ক্লিক করুন এবং আটকান ক্লিক করুন। সিএসএস কাজ করছে না দেখুন। আপনার মাউসের সাহায্যে ইনপুট বাক্সে টেক্সট টানুন এবং ছাড়ুন S

— বেলুগা

input[value]:not([value=""])- ভাল. সবাইকে ধন্যবাদ. codepen.io/iegik/pen/ObZpqo

— iegik

Answer 5

মূলত প্রত্যেকে যা খুঁজছেন তা হ'ল:

কম:

input:focus:required{
    &:invalid{ color: red; border-color: red; box-shadow: 0 0 6px red;}
    &:valid,
    &:placeholder-shown{ border-color: green; box-shadow: 0 0 8px green;}
}

খাঁটি সিএসএস:

input:focus:required:invalid{ color: red; border-color: red; box-shadow: 0 0 6px red;}
input:focus:required:valid,
input:focus:required:placeholder-shown{ border-color: green; box-shadow: 0 0 8px green;}

Comments

আপনি পরিষ্কারভাবে কার্যকর সমাধানটি ব্যবহার করেছেন এবং আপনার কাছে 0 টি ভোট-ওয়েট আছে?

— ProNOOB

দুর্দান্ত উত্তর। যদিও: স্থানধারক-দেখানো সিউডো-শ্রেণি আইই বা এজে কাজ করে না, তবে এটি সম্পূর্ণ সমাধান নয়। যদিও এটি নিকটতম, এবং এটি এজকে সমর্থন না করার জন্য আমাকে খুন করতে চায়। আইই আমি গ্রহণ করতে পারি, তবে এজ? মাইক্রোসফ্ট!

— অ্যারন মার্টিন-কলবি

এটি যদি আপনার এইচটিএমএলটিতে "প্রয়োজনীয়" যুক্ত করতে হয় তবে এটি খাঁটি সিএসএস সমাধান নয়

— ব্যবহারকারী 1566694

আপনাকে ধন্যবাদ স্যার, আমি আন্তরিকভাবে আশা করি এটি আরও বেড়ে যায় কারণ আমার মতে এটি বেশিরভাগ লোকেরা সত্যই চায়।

— sivi911

Answer 6

placeholderডাব্লু / ও requiredফিল্ডের উপরে লেখা হিসাবে আপনি কৌশলটি ব্যবহার করতে পারেন ।

সমস্যাটি requiredহ'ল যখন আপনি কিছু লিখেছিলেন, তারপরে এটি মুছে ফেলেছেন - এইচটিএমএল 5 অনুষঙ্গের অংশ হিসাবে ইনপুটটি সর্বদা লাল হবে - তারপরে ঠিক করতে / ওভাররাইড করার জন্য আপনার উপরে একটি সিএসএসের প্রয়োজন হবে।

আপনি সহজ কাজ করতে পারেন ডাব্লু / ও required

<input type="text" placeholder="filter here" id="mytest" />

সিএসএস

#mytest:placeholder-shown {
/* if placeholder is shown - meaning - no value in input */
  border: black 1px solid;
  color: black;
}
#mytest {
  /* placeholder isn't shown - we have a value in input */
  border: red 1px solid;
  color: red;
}

কোড পেন: https://codepen.io/arlevi/pen/LBgXjZ

Comments

এই পদ্ধতিরটি আমার ব্যবহারের ক্ষেত্রে উপযুক্ত ছিল। আমার কাছে অনুসন্ধান ফিল্টারগুলি ছিল যা প্লেসহোল্ডারদের যাহাই হউক না কেন, এবং আমি চাইছিলাম যে কোনও মান উপস্থিত থাকলে ইনপুট বাক্সের সীমানাটি হাইলাইট করা হোক।

— স্টিফেন টটলবি

Answer 7

সাধারণ সিএসএস:

input[value]:not([value=""])

এই কোডটি প্রদত্ত সিএসএস পৃষ্ঠা লোডে প্রয়োগ করতে চলেছে যদি ইনপুট পূরণ করা হয়।

Comments

এটি কেবল পৃষ্ঠা লোডে কাজ করে। কোনও মান গতিশীল টাইপিং নয়।

— বেন রিকোট 20

এই উত্তরটির জন্য পৃষ্ঠা লোড ইস্যুটি স্পষ্টভাবে উল্লেখ করা উচিত।

— ব্রাইস স্নাইডার

Answer 8

input[type=text]স্থানধারককে স্টাইল করে ইনপুটটিতে পাঠ্য আছে কি না তার উপর নির্ভর করে আপনি আলাদা স্টাইল করতে পারেন । এটি এই মুহুর্তে কোনও অফিশিয়াল স্ট্যান্ডার্ড নয় তবে বিভিন্ন উপসর্গের সাথে বিস্তৃত ব্রাউজার সমর্থন রয়েছে:

input[type=text] {
    color: red;
}
input[type=text]:-moz-placeholder {
    color: green;
}
input[type=text]::-moz-placeholder {
    color: green;
}
input[type=text]:-ms-input-placeholder {
    color: green;
}
input[type=text]::-webkit-input-placeholder {
    color: green;
}

উদাহরণ: http://fiddlesalad.com/scss/input- placeholder-css

Comments

এফওয়াইআই, এটি নির্ভরযোগ্যভাবে স্থানধারককে ফর্ম্যাট করে তবে কেবল স্থানধারক নিজেই। এটি আপনাকে পাঠ্যের রঙ পরিবর্তন করার একটি মায়া দেয়, তবে এটি ইতিমধ্যে ঘটেছে, কেবল ধূসর এবং কালো দ্বারা ডিফল্ট।

— জন ওয়েইজ

সমস্ত সিএসএস একটি সস্তা মায়া, আপনি কেবল আসল সামগ্রীকে প্রভাবিত না করে কেবল উপস্থিতি পরিবর্তন করেন :-)

— ভ্রাব্রুন

এটাই আমার দরকার ছিল। স্টাইল পরিবর্তন করার জন্য আমার ইনপুটটির প্রয়োজন ছিল যদি এটির পাঠ্য থাকে কারণ স্থানধারকের নকশাটি ইনপুট শৈলীর চেয়ে পৃথক হয়। পারফেক্ট!

— ক্রিস্টোফার মার্শাল

এটি ব্যাকগ্রাউন্ডের জন্য কাজ করে তবে সীমান্ত নয়। যদিও সীমান্তটি পরিবর্তন করার চেষ্টা করার জন্য আমি খুব গভীর খনন করি না।

— মজনিনাবু

Answer 9

জেএস এবং সিএসএস ব্যবহার: সিউডোক্লাস নয়

 input {
        font-size: 13px;
        padding: 5px;
        width: 100px;
    }

    input[value=""] {
        border: 2px solid #fa0000;
    }

    input:not([value=""]) {
        border: 2px solid #fafa00;
    }

<input type="text" onkeyup="this.setAttribute('value', this.value);" value="" />

   

Answer 10

বৈধ নির্বাচক কৌতুক করতে হবে।

<input type="text" class="myText" required="required" />

.myText {
    //default style of input
}
.myText:valid {
    //style when input has text
}

Answer 11

আপনি স্থানধারীর সুবিধা গ্রহণ করতে পারেন এবং ব্যবহার করতে পারেন:

input:not(:placeholder-shown) {
  border: 1px solid red;
}

Answer 12

JQuery এবং সিএসএস সহ সহজ কৌশল:

jQuery:

$('input[value=""]').addClass('empty');
        $('input').keyup(function(){
            if( $(this).val() == ""){
                $(this).addClass("empty");
            }else{
                $(this).removeClass("empty");
            }
        });

সিএসএস:

input.empty:valid{
        box-shadow: none;
        background-image: none;
        border: 1px solid #000;
    }

    input:invalid,
    input:required {
        box-shadow: 3px 1px 5px rgba(200, 0, 0, 0.85);
        border: 1px solid rgb(200,0,0);
    }




    input:valid{
        box-shadow: none;
        border: 1px solid #0f0;
    }

Answer 13

এটি এইচটিএমএল অংশে এটি করুন:

<input type="text" name="Example" placeholder="Example" required/>

বৈধ হওয়ার জন্য প্রয়োজনীয় প্যারামিটারটির ইনপুট ক্ষেত্রে পাঠ্য থাকা আবশ্যক।

Comments

এটি সিএসএস সহ ইনপুটটিতে পাঠ্য আছে কিনা তা সনাক্ত করতে সহায়তা করে না, যা ছিল প্রশ্ন।

— Jukka K. Korpela

দুঃখিত, এটি আসলে সহায়তা করে ... আমার উত্তরে বর্ণিত হিসাবে সিউডো-ক্লাস ব্যবহার করা সম্ভব করে তোলে।

— Jukka K. Korpela

এটি একটি আড়ম্বরপূর্ণ প্রশ্ন - যার অর্থ হল ওপি লক্ষ্য পৃষ্ঠাটি নিয়ন্ত্রণ বা পরিবর্তন করতে পারে না। তিনি কেবল পৃষ্ঠা ক্লায়েন্ট-সাইড দেখেন।

— ব্রক অ্যাডামস

এটি অত্যন্ত সহায়ক ছিল, এখানে ক্রেড্রেট কী সম্পর্কে কথা বলছেন তার একটি উদাহরণ: codepen.io/tolmark12/pen/LsBvf

— tolmark

****** <ইনপুট প্রয়োজন> && ইনপুট: বৈধ {...} ******

— ফ্রেমিকম্পানি

Answer 14

হ্যাঁ! আপনি মান সিলেক্টারের সাথে সাধারণ বুনিয়াদি বৈশিষ্ট্য সহ এটি করতে পারেন।

ফাঁকা মান সহ বৈশিষ্ট্য নির্বাচনকারী ব্যবহার করুন এবং বৈশিষ্ট্য প্রয়োগ করুন input[value='']

input[value=''] {
    background: red;
}

Answer 15

এটি CSS এর মাধ্যমে সম্ভব নয়। এটি বাস্তবায়নের জন্য আপনাকে জাভাস্ক্রিপ্ট ব্যবহার করতে হবে (উদাঃ $("#input").val() == "")।

Comments

আমি জানি যে এটি কীভাবে করা যায়, সিএসএস দিয়ে আমার এটি করা দরকার। মূল পোস্টে মন্তব্য পড়ুন। আমি একটি "স্টাইলিশ" স্টাইল তৈরি করছি যা জাভাস্ক্রিপ্টটি আমার জ্ঞানের সাথে ব্যবহার করতে পারে না।

— জ্যাকবডেদেভ