CSS ::file-selector-button ప్రత్యామ్నాయ సంకేతం

నిర్వచనం మరియు ఉపయోగం

CSS ::file-selector-button ప్రత్యామ్నాయ సంకేతాలను <input type="file"> రకం బటన్ యొక్క ఎంపికకు ఉపయోగించబడతాయి.

ఉదాహరణ

ఉదాహరణ 1

<input type="file"> బటన్ యొక్క శైలిని అమర్చండి:

::file-selector-button {
  బార్డర్: 2 పిక్సెల్స్ సోలిడ్ బ్లాక్;
  ప్యాడింగ్: 5 పిక్సెల్స్ 10 పిక్సెల్స్;
  బార్డర్ రేడియస్: 5 పిక్సెల్స్;
  బ్యాక్‌గ్రౌండ్ కలర్: లైట్ గ్రీన్;
}

నేను ప్రయత్నించాను

ఉదాహరణ 2

<input type="file"> బటన్ యొక్క శైలిని అమర్చండి మరియు హోవర్ ప్రభావాన్ని జోడించండి:

::file-selector-button {
  బార్డర్: 2 పిక్సెల్స్ సోలిడ్ బ్లాక్;
  ప్యాడింగ్: 5 పిక్సెల్స్ 10 పిక్సెల్స్;
  బార్డర్ రేడియస్: 5 పిక్సెల్స్;
  బ్యాక్‌గ్రౌండ్ కలర్: లైట్ గ్రీన్;
}
::file-selector-button:hover {
  బ్యాక్‌గ్రౌండ్ కలర్: సాల్మోన్;
  కర్సర్: పాయింటర్;
}

నేను ప్రయత్నించాను

CSS సంకేతాలు

::file-selector-button {
  క్లాస్ సంకేతాలు;
}

సాంకేతిక వివరాలు

వెర్షన్ పరిమితి కింది సిగ్నలు: CSS Pseudo-elements Module Level 4

బ్రౌజర్ మద్దతు

పద్ధతిక సంకేతాలను సర్వసాధారణంగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను పత్రంలో అంకితపడ్డ సంఖ్యలు పేర్కొన్నారు.

క్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఆపెరా
89 89 82 14.1 75

సంబంధిత పేజీలు

教程：CSS ప్రొచ్చ్ ఎలమెంట్