jQuery MiniUI

标题: tabs隐藏头部，为什么头部总有一条无法隐藏 [打印本页]

作者: cuiyuanyuan 时间: 2015-7-23 13:22:14 标题: tabs隐藏头部，为什么头部总有一条无法隐藏

<!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>

作者: cuiyuanyuan 时间: 2015-7-23 13:23:17

[attach]6409[/attach]

作者: cuiyuanyuan 时间: 2015-7-23 13:27:14

[attach]6413[/attach][attach]6413[/attach]

作者: dforce 时间: 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 时间: 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 时间: 2015-7-23 14:59:06

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

[attach]6415[/attach]IE中不正常[attach]6414[/attach]谷歌中正常

作者: dforce 时间: 2015-7-23 15:44:05

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

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

作者: cuiyuanyuan 时间: 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>

作者: dforce 时间: 2015-7-23 17:38:28

cuiyuanyuan 发表于 2015-7-23 16:23
修改这个没有作用.

[attach]6420[/attach]
1 这是我打的伪代码，2个括号请修改
2 这个样式只针对ie6,7,8
其他浏览器用的是浏览器本身的东西

作者: cuiyuanyuan 时间: 2015-7-23 18:22:01 标题: IE11出的问题！！！

dforce 发表于 2015-7-23 17:38
1 这是我打的伪代码，2个括号请修改
2 这个样式只针对ie6,7,8
其他浏览器用的是浏览器本身的东西

我是IE11，怎么没用呢

作者: dforce 时间: 2015-7-24 09:24:51

cuiyuanyuan 发表于 2015-7-23 18:22
我是IE11，怎么没用呢

ie11用的原生的placeholder，无法修改样式

作者: cuiyuanyuan 时间: 2015-7-24 10:58:45

dforce 发表于 2015-7-24 09:24
ie11用的原生的placeholder，无法修改样式

所以，我具体应该怎么做呢

作者: dforce 时间: 2015-7-24 12:04:03

cuiyuanyuan 发表于 2015-7-24 10:58
所以，我具体应该怎么做呢

原生不能改，就是这样的效果

作者: cuiyuanyuan 时间: 2015-7-24 12:42:29

dforce 发表于 2015-7-24 12:04
原生不能改，就是这样的效果

那就是没办法解决了，是吗?

作者: dforce 时间: 2015-7-24 14:03:51

cuiyuanyuan 发表于 2015-7-24 12:42
那就是没办法解决了，是吗?

是的

作者: cuiyuanyuan 时间: 2015-7-24 14:33:45 标题: 其他还有哪些浏览器不可以？？？

本帖最后由 cuiyuanyuan 于 2015-7-24 14:34 编辑

dforce 发表于 2015-7-24 14:03
是的

主要是IE11不行吗，还有其他浏览器也不可以吗？？？

作者: dforce 时间: 2015-7-24 15:09:20

cuiyuanyuan 发表于 2015-7-24 14:33
主要是IE11不行吗，还有其他浏览器也不可以吗？？？

支持placeholder的浏览器都用的原生的输入框的placeholder，各种浏览器下表现有点不一致

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)