प्रकार = रंग में सीमा के अंदर निकालें

Jan 27 2021

जब मैं एक इनपुट के रूप में टाइप = रंग का उपयोग करता हूं, तो इसकी दो सीमाएं होती हैं। सीमा निर्धारित करना = कोई भी केवल बाहरी सीमा को नहीं हटाएगा। हालाँकि, अंदर एक छोटा है। मैंने कई अन्य गुणों की कोशिश की और अभी भी वही परिणाम है। यहाँ मेरा कोड है:

input[type="color"] {
    appearance: none;
    border: none;
    padding:0;
    height:50px;
    width:50px;
}
<input type="color" name="name1" id="name1" value="#ffffff">

यही है जो मेरा मतलब है: https://ibb.co/N3nVFqn मैं मूल रूप से उस सीमा को हटाना चाहता हूं।

जवाब

2 Spectric Jan 27 2021 at 06:06

::-webkit-color-swatchचयनकर्ता का उपयोग करें ।

input[type="color"] {
    appearance: none;
    border: none;
    padding:0;
    height:50px;
    width:50px;
}
::-webkit-color-swatch{
  border:none;
}
<input type="color" name="name1" id="name1" value="#ffffff">

मोज़िला फ़ायरफ़ॉक्स के लिए, उपयोग करें ::-moz-color-swatch:

input[type="color"] {
    appearance: none;
    border: none;
    padding:0;
    height:50px;
    width:50px;
}
::-moz-color-swatch{
  border:none;
}
<input type="color" name="name1" id="name1" value="#ffffff">

1 DCR Jan 27 2021 at 06:27

यदि आप दो सीमाओं को बदल देते हैं तो आप दोनों को समाप्त नहीं कर सकते

input[type="color"] {
    appearance: none;
    border:solid 1px red;
    padding:0;
    height:50px;
    width:50px;
    background:white;
    box-sizing:unset;
}



input[type="color" i]::-webkit-color-swatch {
border:solid 1px blue;
}
<div>
<input type="color" name="name1" id="name1" value="#ffffff">
</div>