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 you have read our privacy policy.

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