সিএসএসে মাউস ডাউন সিলেক্টর কী?

114

আমি লক্ষ করেছি যে বোতাম এবং অন্যান্য উপাদানগুলির ডিফল্ট স্টাইলিং রয়েছে এবং 3 টি ধাপে আচরণ করা হয়: সাধারণ ভিউ, হোভার / ফোকাস ভিউ এবং মাউসডাউন / ক্লিক ভিউ, সিএসএসে আমি সাধারণ দৃশ্যের স্টাইলিং পরিবর্তন করতে পারি এবং এর মতো দৃ this়ভাবে হোভার করতে পারি:

button{
  background:#333;
  color:#FFF;
}

button:hover{
  background:#000;
  color:#EEE;
}

তবে আমি কীভাবে মাউসডাউনটি নির্বাচন করতে পারি? আমি এরকম কিছু চাই:

button:mousedown{
  //some styling
}

ধন্যবাদ

html css css-selectors

— multimediaxp
সূত্র

1

দেখে মনে হচ্ছে স্ট্যাকওভারফ্লো ডব্লিকেট

— জাভিয়ার

@ x4vier: আমি এটা মনে করি না। তারপরে আবার, এই ক্ষেত্রে "মাউস ডাউন" বলতে কী বোঝায় তা বলা শক্ত।

— বোল্টক্লক

160

আমি মনে করি আপনি সক্রিয় রাষ্ট্র বলতে চাইছেন

 button:active{
  //some styling
 }

এগুলি সিএসএসে একটি লিঙ্কের থাকতে পারে এমন সমস্ত সম্ভাব্য সিউডো স্টেটস:

a:link {color:#FF0000;}    /* unvisited link, same as regular 'a' */
a:hover {color:#FF00FF;}   /* mouse over link */
a:focus {color:#0000FF;}   /* link has focus */
a:active {color:#0000FF;}  /* selected link */
a:visited {color:#00FF00;} /* visited link */

আরও দেখুন: http://www.w3.org/TR/selectors/#the-user-action-pseudo-class-hover-act

— jansmolders86
সূত্র

2

আমি লিঙ্কগুলির জন্য চাই না, আমার বোতামগুলির দরকার, বিশেষত কারণ মোবাইল ডিভাইসগুলিতে হোভারগুলি একটি কুরুচিপূর্ণ ভুল করে তোলে। ধন্যবাদ

— মাল্টিমিডিয়াপ্লেক্স

সেক্ষেত্রে আমি বোতামটি আরও পুরোপুরি স্টাইল করব Add সীমানা যুক্ত করে: 0; আপনি বাটনটি এবং আপনার যে সমস্যাটি রয়েছে তার চারপাশে বেজেল হারাবেন।

— jansmolders86

@ jansmolders86 আপনি কি জানেন যে CSS বা ইমেজ বা বোতামের জন্য মাউসওভার, মাউসলেভ, মাউসডাউন, মাউসআপ নির্বাচনকারী আছে কিনা?

— এনজি

@ জেফুন সত্যই নয়, আপনি ওভার / ছাড়ের জন্য হোভারের অবস্থা এবং ডাউন: আপের জন্য সক্রিয় ব্যবহার করে কাঙ্ক্ষিত প্রভাব পেতে চেষ্টা করতে পারেন। তবে আপনি জাভাস্ক্রিপ্ট ছাড়াই দুজনের মধ্যে পার্থক্য করতে পারবেন না।

— jansmolders86

50

আমি বুঝতে পেরেছি যে এটি একটি মোসডাউন ইভেন্টের মতো আচরণ করে:

button:active:hover {}

— shawn98ag
সূত্র

33

প্রো-টিপ নোট: কিছু কারণে, সিএসএস সিনট্যাক্স প্রয়োজন:activeস্নিপেট পর:hover একই উপাদানের জন্য অনুক্রমে কার্যকর হতে

http://www.w3schools.com/cssref/sel_active.asp

— woohooGuy
সূত্র

2

সিএসএস যথাযথভাবে মূল্যায়ন করা হয় যাতে এটি বোঝা যায়; একটি উপাদান :activeএটির আগে হয়ে উঠতে পারে না :hover।

— ইনজেড

2

এছাড়াও, :activeএটি কাজ করার পরে হতে :focusহবে। এটি উল্লেখ করার জন্য ধন্যবাদ, আমি কেন সত্যিই আমার সিএসএসের কোনও প্রভাব ফেলছি না তা নিয়ে আমার মাথা আঁচড়ানো ছিল!

— মাইকেল

1

@ ইনজেড অবশ্যই এটি হয়ে উঠতে পারে: হওয়ার আগে সক্রিয়: হোভার'ড। আপনি এটি কীবোর্ড দিয়ে সক্রিয় করতে পারেন, যা ঘুরে বেড়ায় না।

— এভিনিস

2

আমি সম্প্রতি জানতে পেরেছি যে :active:focusCSS তে একই কাজ করে :active:hoverযেন আপনাকে একটি কাস্টম সিএসএস লাইব্রেরি ওভাররাইড করা দরকার, তারা উভয়ই ব্যবহার করতে পারে।

— Mees
সূত্র