Input type color styling

Question

I have a small question, since I\'m not too good at CSS i want to know if there any way I can recreate such a nice input[type=color] element\'s style? I mean not everything on t

Answer 1

$(document).ready(function(){
  $('input').change(function(){
   var color = $(this).val();
   $('.color-code').html(color);
   $('.color').css({'background':color})
 })
})

.color-picker {
  position: relative;
  width: 100px;
  height: 30px;
  display: block;
}

.color-code {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.color {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

#000000

You want to did this with jquery