css - tutorial - w3schools sql




নিষ্ক্রিয় না শুধুমাত্র যখন হোভার এবং সক্রিয় (5)

আপনি যদি LESS বা Sass ব্যবহার করেন তবে আপনি এটি ব্যবহার করতে পারেন:

.btn {
  &[disabled] {
    opacity: 0.6;
  }
  &:hover, &:active {
    &:not([disabled]) {
      background-color: darken($orange, 15);
    }
  }
}

আমি হ্যালো , শৈলী বাটন সক্রিয় এবং নিষ্ক্রিয় ব্যবহার।

কিন্তু সমস্যাটি যখন বাটনটি নিষ্ক্রিয় করা হয় তখন হভার এবং সক্রিয় শৈলীগুলি এখনও প্রযোজ্য হয়।

কিভাবে সক্রিয় এবং সক্রিয় সক্রিয় বোতাম সক্রিয় শুধুমাত্র?


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


বেশিরভাগ আধুনিক ব্রাউজারগুলিতে কাজ করে এমন একটি নিম্ন-নির্দিষ্টতা পদ্ধতি (IE11 +, এবং কিছু মোবাইল অপেরা এবং IE ব্রাউজারগুলি বাদ দিয়ে - http://caniuse.com/#feat=pointer-events ):

.btn {
  /* base styles */
}

.btn[disabled]
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.btn:hover {
  color: red;
}

pointer-events: none নিয়ম হভার নিষ্ক্রিয় করবে pointer-events: none ; আপনি একটি। .btn[disabled]:hover সঙ্গে নির্দিষ্টতা বাড়াতে হবে না .btn[disabled]:hover হোভার শৈলী বাতিল করতে নির্বাচক নির্বাচক।

(FYI, এটি হল সহজ HTML পয়েন্টার-ইভেন্ট, বিতর্কিত বিমূর্ততা-ইনপুট-ডিভাইস পয়েন্টার-ইভেন্টগুলি নয়)


সাস (স্ক্যাস):

 button {
  color: white;
  cursor: pointer;
  border-radius: 4px;

  &:disabled{
    opacity: 0.4;

    &:hover{
      opacity: 0.4;  //this is what you want
    }
  }

  &:hover{
    opacity: 0.9;
  }
}

.button:active:hover:not([disabled]) {
    /*your styles*/
}

আপনি এই চেষ্টা করতে পারেন ..





css