231 lines
5.5 KiB
CSS
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 格式复选框-------------------------------------------------
|