查看: 8937|回复: 16

tabs隐藏头部，为什么头部总有一条无法隐藏 [复制链接]

cuiyuanyuan

注册会员

Rank: 2

电梯直达

楼主

发表于 2015-7-23 13:22:14 |只看该作者 |倒序浏览

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tabs</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

<script src="../../scripts/boot.js" type="text/javascript"></script>
<link href="../../scripts/miniui/themes/blue/skin.css" rel="stylesheet" type="text/css" />

</head>
<body>
<h1>Tabs 选项卡</h1>

<div style="padding-bottom:8px;">
      TabPosition：
      <select>
         <option value="left">Left</option>
         <option value="top" selected>Top</option>
         <option value="right">Right</option>
         <option value="bottom">Bottom</option>
      </select>      

      TabAlign：
      <select>
         <option value="left" selected>Left</option>
         <option value="center">Center</option>
         <option value="right">Right</option>
         <option value="fit">Fit</option>
      </select>
</div>
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;" showheader="false"  bodystyle="border:0px" borderstyle="border:0" headerstyle="border:0px;" plain="false">
<div title="Tab1" >
      1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />
</div>
<div title="Tab2" iconCls="icon-cut" >
      2
</div>
<div title="Tab3" showCloseButton="true">
      3
</div>
<div title="Tab4" showCloseButton="true" enabled="false">
      4
</div>
</div>

</body>
</html>

收藏0

cuiyuanyuan

注册会员

Rank: 2

沙发

发表于 2015-7-23 13:23:17 |只看该作者

cuiyuanyuan

注册会员

Rank: 2

板凳

发表于 2015-7-23 13:27:14 |只看该作者

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

dforce

超级版主

Rank: 8 Rank: 8

地板

发表于 2015-7-23 13:51:24 |只看该作者

cuiyuanyuan 发表于 2015-7-23 13:27

1 plain="true"
2 修改样式
body .mini-tabs-plain .mini-tabs-scrollCt
   {
      border-bottom:0px;
      }

cuiyuanyuan

注册会员

Rank: 2

5^#

发表于 2015-7-23 14:55:40 |只看该作者

dforce 发表于 2015-7-23 13:51
1 plain="true"
2 修改样式
body .mini-tabs-plain .mini-tabs-scrollCt

还有个小问题，就是textbox 中的emptytext的值在IE中的字体，怎么显示，不是灰色的，而是黑色的，但是在谷歌浏览器中，就可以，正常显示

cuiyuanyuan

注册会员

Rank: 2

6^#

发表于 2015-7-23 14:59:06 |只看该作者

cuiyuanyuan 发表于 2015-7-23 14:55
还有个小问题，就是textbox 中的emptytext的值在IE中的字体，怎么显示，不是灰色的，而是黑色的，但是在 ...

IE中不正常谷歌中正常

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

dforce

超级版主

Rank: 8 Rank: 8

7^#

发表于 2015-7-23 15:44:05 |只看该作者

cuiyuanyuan 发表于 2015-7-23 14:59
IE中不正常谷歌中正常

ie里面是用添加元素处理的
请修改样式
.mini-placeholder-label｛
color
｝

cuiyuanyuan

注册会员

Rank: 2

8^#

发表于 2015-7-23 16:23:48 |只看该作者

我这是在你们自己网站上试的，都不行！！！

dforce 发表于 2015-7-23 15:44
ie里面是用添加元素处理的
请修改样式
.mini-placeholder-label｛

修改这个没有作用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>文本输入框</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

<script src="../../scripts/boot.js" type="text/javascript"></script>
  <style>
  .mini-placeholder-label｛
color:blue
｝
  </style>

</head>
<body>
<h1>文本输入框</h1>

单行输入框：<input id="tb" class="mini-textbox" emptyText="请输入商品编号"  vtype="email"/>  <br /><br />
密码输入框：<input class="mini-password" value="12345" /> <br /><br />
多行输入框：<textarea class="mini-textarea" emptyText="请输入备注"></textarea> <br />

<script type="text/javascript">
      mini.parse();
</script>

<div class="description">
      <h3>Description</h3>

</div>
</body>
</html>