5

introducir la descripción de la imagen aquí

Hola amigos, necesito sacar el recuadro del color, es decir que quede el color solo.

Mi código:

input {
    margin: .4rem;
}
<div>
    <input type="color" id="head" name="head"
           value="#e66465">
    <label for="head">Head</label>
</div>

<div>
    <input type="color" id="body" name="body"
            value="#f6b73c">
    <label for="body">Body</label>
</div>

1 respuesta 1

7

Tenes que modificar el css del input type="color".

input[type="color"] {
    appearance: auto;
    width: 44px;
    height: 23px;
    background-color: #fff;
    cursor: default;
    border-width: 0px;
    border: inherit;
    border-image: initial;
    padding: 0px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
input[type="color"]::-webkit-color-swatch {
    border: none;
}
<input type="color" id="body" name="body"
        value="#f6b73c">
<label for="body">Body</label>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.