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