12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- /*
- layui 下拉框控件的css。
- 作者: Microanswer
- */
- /* 加载就绪标志 */
- html #layuicss-dropdown_css{display:none; position: absolute; width:1989px;}
- .dropdown-root {
- position: fixed;
- outline: none;
- display: none;
- }
- .dropdown-pointer {
- width: 0;
- height: 0;
- position: absolute;
- display: block;
- overflow: hidden;
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgBAMAAABQs2O3AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVQTFRFAAAAgICAgICAgICAhISE8PDw////jUnEegAAAAd0Uk5TAB/2/////74r3wgAAACOSURBVHicfcztDYAgDEVR2MCwgXEDwwbGDYwbyP4jyJfYlvbdvzc5zrH8ti8OFeKxou+384JEiPeDiAykhIgMpASICiCiAoDogE10wCQGYBEDMAgC6AQBVIIBGsEAhRDATAhgIiZAEhMgCAXghAIwQgUooQKEMICfMIBBmMBHmEAnANAIADQCAYVwCCjEC5fhzAE36RUGAAAAAElFTkSuQmCC") no-repeat bottom center;
- background-size: 100% 50%;
- -webkit-transform-origin: center center;
- -moz-transform-origin: center center;
- -ms-transform-origin: center center;
- -o-transform-origin: center center;
- transform-origin: center center;
- }
- .dropdown-pointer.bottom {
- -webkit-transform: rotate(-180deg);
- -moz-transform: rotate(-180deg);
- -ms-transform: rotate(-180deg);
- -o-transform: rotate(-180deg);
- transform: rotate(-180deg);
- }
- .dropdown-root .dropdown-content {
- overflow: hidden;
- background-color: white;
- border-radius: 2px;
- box-shadow: 1px 1px 3px #a9a9a9;
- }
- .dropdown-root .dropdown-content .menu-header:first-child {
- margin-top: 10px;
- }
- .dropdown-root .dropdown-content .menu-header,
- .dropdown-root .dropdown-content .menu-header legend{
- font-size: 12px!important;
- line-height: 15px!important;
- padding: 0 10px!important;
- color: #c2c2c2;
- }
- .dropdown-root .dropdown-content .menu-item:first-child {
- margin-top: 10px;
- }
- .dropdown-root .dropdown-content .menu-item:last-child {
- margin-bottom: 10px;
- }
- .dropdown-root .dropdown-content .menu-item {
- line-height: 36px;
- }
- .dropdown-root .dropdown-content .menu-item a{
- display: block;
- color: #333;
- padding: 0 20px;
- text-indent: 0;
- font-size: 14px;
- }
- .dropdown-root .dropdown-content .menu-item a:hover{
- color: #000;
- background-color: #f2f2f2;
- }
|