You are here

Home » API reference » Chosen 3.0.x

chosen.claro.css in Chosen 3.0.x 

.form-element.chosen-container-single {
  width: auto !important;
  padding: 0;
}

.form-element.chosen-container-single .chosen-single {
  min-width: 160px;
  background: none;
  border: none;
  box-shadow: none;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 1.5rem;
  padding: calc(0.75rem - 1px) calc(1rem - 1px);
}

.form-element.chosen-container-single .chosen-single b {
  background: none !important;
}

.form-element.chosen-container-multi {
  width: auto !important;
}

.form-element.chosen-container-multi .chosen-choices {
  min-width: 160px;
  border: 0 none;
  background: none;
  box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background: none !important;
  border: 0 none !important;
}

File

css/chosen.claro.css
View source 
  1. .form-element.chosen-container-single {

  2.   width: auto !important;

  3.   padding: 0;

  4. }

  5. 

  6. .form-element.chosen-container-single .chosen-single {

  7.   min-width: 160px;

  8.   background: none;

  9.   border: none;

  10.   box-shadow: none;

  11.   width: 100%;

  12.   height: 100%;

  13.   display: block;

  14.   line-height: 1.5rem;

  15.   padding: calc(0.75rem - 1px) calc(1rem - 1px);

  16. }

  17. 

  18. .form-element.chosen-container-single .chosen-single b {

  19.   background: none !important;

  20. }

  21. 

  22. .form-element.chosen-container-multi {

  23.   width: auto !important;

  24. }

  25. 

  26. .form-element.chosen-container-multi .chosen-choices {

  27.   min-width: 160px;

  28.   border: 0 none;

  29.   background: none;

  30.   box-shadow: none;

  31. }

  32. 

  33. .chosen-container-active.chosen-with-drop .chosen-single {

  34.   background: none !important;

  35.   border: 0 none !important;

  36. }