2025-06-11 14:49:36 +08:00

231 lines
5.5 KiB
CSS

/*
1)标准按钮
2)锁定按钮
使用举例
<button type='menu' .lock >
<menu .menulock>
<li>不锁定</li>
<hr/>
<li type="check">锁定买一价</li>
<li>锁定买二价</li>
<li>锁定买三价</li>
<li>锁定买四价</li>
<li>锁定买五价</li>
<li>锁定涨停价</li>
</menu>
</button>
3)重置按钮
4)提交按钮
5)撤单按钮
4)全部选中按钮
5)
*/
//------------------------------------begin----------------------------------------------------
//--------------------------------------end----------------------------------------------------
//------------------------------------标准按钮begin---------------------------------------------------
input[type="button"]
{
background-image: url(images/button-back.bmp);
background-repeat: expand stretch-top stretch-left stretch-right stretch-bottom stretch-middle; /* h-smile specific */
background-position: 4dip 4dip 4dip 4dip;
behavior:button;
transition:blend;
color: white;
width: 54dip;
height: 17dip;
text-align:center;
margin:2dip;
padding:2dip;
font-family: "宋体";
font-size: 9pt;
}
input[type="button"]:hover
{
background-image: url(images/button-back-hover.bmp);
}
input[type="button"]:active
{
background-image: url(images/button-back-active.bmp);
}
input[type="button"]:focus
{
background-image: url(images/button-back-hover.bmp);
outline-style:none;
outline-width:2dip;
color:white;
}
input[type="button"]:disabled
{
color:#BBB;
}
//------------------------------------标准按end--------------------------------------------------
//------------------------------------锁定按钮样式begin-----------------------------------------------------
.lock
{
background-image: url(images/s_nomarl.bmp);
behavior:button;
transition:blend;
color: #0c2e5a;
width: 14dip;
height: 14dip;
margin-top:0dip;
margin-left:0dip;
padding:2dip;
background-repeat: expand stretch-left stretch-middle stretch-right;
background-position: 0 0 0 0;
-ctrl-lua-script: "bp://menu.lua";
}
.lock:hover
{
background-image: url(images/s_move.bmp);
color: #000;
}
.lock:active
{
background-image: url(images/s_down.bmp);
}
.lock:owns-popup /* button when popup is shown */
{
background-image:url(images/s_down.bmp);
}
//------------------------------------锁定按钮样式end-----------------------------------------------------
//------------------------------------重置begin----------------------------------------------------
.reset
{
-ctrl-lua-script: "bp://reset.lua";
click!: self.Reset();
}
.submit
{
-ctrl-lua-script: "bp://submit.lua";
click!: self.Submit();
}
//--------------------------------------重置end----------------------------------------------------
//------------------------------------begin撤单----------------------------------------------------
.chedan
{
-ctrl-lua-script: "bp://chedan.lua";
click!: self.Ok();
}
//--买卖撤单
.chedan_mm
{
-ctrl-lua-script: "bp://chedan_mm.lua";
click!: self.Ok();
}
//--------------------------------------end撤单----------------------------------------------------
//------------------------------------begin翻页控件--------------------------------------------------
.fanye
{
-ctrl-lua-script: "bp://fanye.lua";
}
//------------------------------------end翻页-------------------------------------------------------
//------------------------------------全部选中begin----------------------------------------------------
.allselect
{
-ctrl-lua-script: "bp://allselect.lua";
click!: self.Ok();
}
//--------------------------------------全部选中end----------------------------------------------------
.btn-white
{
width: 69dip;
height: 22dip;
cursor: pointer;
border-radius: 2dip;
box-shadow: 0 2dip 3dip #e4e4e6;
border: 1dip solid #d7d7d7;
background: #fdfdfd;
margin-top:20dip;
outline-color:silver;
outline-style:glow;
outline-shift:1dip;
outline-width:2dip;
outline-offset:0dip
}
.btn-white:hover
{
border: 1dip solid #acacac;
background: #fefefe;
outline-offset:1dip
}
.btn-white:active
{
border: 1dip solid #b4b4b4;
background: #f3f3f3;
box-shadow: 1dip 1dip 3dip #c8c7c8 inset, 0 0 2dip #c8c7c8 inset;
outline-offset:-1dip
}
.btn-white:focus
{
outline-width:2dip;
color:#F00;
}
.button_close_yellow
{
background-image:url(images/close.png);
background-repeat: expand stretch-top stretch-left stretch-right stretch-bottom stretch-middle;
behavior:button;
transition:blend;
color:#0c2e5a;
max-width::64dip;
z-index:-999;
width: 16dip;
height: 16dip;
border:0dip;
background-color:transparent;
-ctrl-lua-script: "bp://close.lua";
click!: self.Close();
}
.button_close_yellow:hover
{
background-image: url(images/close_hover.png);
}
.button_close_yellow:active
{
background-image: url(images/close_active.png);
}
//-------------------------------------button 格式复选框-------------------------------------------------
.checkbtn
{
background-image: url(images/custombutton.bmp);
height:5px;
width:0px;
background-position:0px 0px
}
.checkbtn:disabled
{
background-image: url(images/custombutton.bmp);
height:5px;
width:0px;
background-position:-91px 0px
}
//-------------------------------------button 格式复选框-------------------------------------------------