You are here

Home » API reference » Select2 Boxes 8

select2boxes.theme.css in Select2 Boxes 8 

.select2-container {
  min-width: 300px;
}
.select2-container--default .preloaded {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer!important;
  display: block;
  height: auto;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container--default .preloaded .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default[dir="rtl"] .preloaded .select2-selection__arrow {
  left: 5px;
  right: inherit;
}
.select2-container--default.select2-container--open [dir="rtl"] ul,
.select2-container--default.select2-container--open [dir="rtl"] ol {
  padding: 0 0 0.25em 0;
}
.select2-container--default .preloaded .select2-selection__arrow b {
  border-color: #888888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--open .preloaded .select2-selection__arrow b {
  border-color: transparent transparent #888888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container .icon.flag {
  margin-top: 5px;
}
.select2-container .select2-selection--single .icon.flag {
  margin-top: 7px;
}
.select2-container .icon-wrapper {
  display: inline-block;
}

.select2-container.select2-container--open {
  z-index: 1500;
}

File

css/select2boxes.theme.css
View source 
  1. .select2-container {

  2.   min-width: 300px;

  3. }

  4. .select2-container--default .preloaded {

  5.   background-color: #ffffff;

  6.   border: 1px solid #aaaaaa;

  7.   border-radius: 4px;

  8.   box-sizing: border-box;

  9.   cursor: pointer!important;

  10.   display: block;

  11.   height: auto;

  12.   user-select: none;

  13.   -webkit-user-select: none;

  14. }

  15. .select2-container--default .preloaded .select2-selection__arrow {

  16.   height: 26px;

  17.   position: absolute;

  18.   top: 1px;

  19.   right: 1px;

  20.   width: 20px;

  21. }

  22. .select2-container--default[dir="rtl"] .preloaded .select2-selection__arrow {

  23.   left: 5px;

  24.   right: inherit;

  25. }

  26. .select2-container--default.select2-container--open [dir="rtl"] ul,

  27. .select2-container--default.select2-container--open [dir="rtl"] ol {

  28.   padding: 0 0 0.25em 0;

  29. }

  30. .select2-container--default .preloaded .select2-selection__arrow b {

  31.   border-color: #888888 transparent transparent transparent;

  32.   border-style: solid;

  33.   border-width: 5px 4px 0 4px;

  34.   height: 0;

  35.   left: 50%;

  36.   margin-left: -4px;

  37.   margin-top: 0;

  38.   position: absolute;

  39.   top: 50%;

  40.   width: 0;

  41. }

  42. .select2-container--open .preloaded .select2-selection__arrow b {

  43.   border-color: transparent transparent #888888 transparent;

  44.   border-width: 0 4px 5px 4px;

  45. }

  46. .select2-container .icon.flag {

  47.   margin-top: 5px;

  48. }

  49. .select2-container .select2-selection--single .icon.flag {

  50.   margin-top: 7px;

  51. }

  52. .select2-container .icon-wrapper {

  53.   display: inline-block;

  54. }

  55. 

  56. .select2-container.select2-container--open {

  57.   z-index: 1500;

  58. }