怎样对Tabstrip和Multipage应用Css样式

Question

最近使用微软的IEWebControl, 我想把这两个控件的那些样式放到Css里去, 因为在页面上实在是太长了, 不过好像没有效果, 何解?

Answer 1

Tabstrip
原来的
<iewc:TabStrip id="tabCustomer" runat="server" TabSelectedStyle="border:solid 1px black;border-bottom:none;background:#dddddd;padding-left:5px;padding-right:5px;font-weight:bold;">
改成
.TabStyle
{
border:solid 1px black;
border-bottom:none;
background:#dddddd;
padding-left:5px;
padding-right:5px;
font-weight:bold;
}<iewc:TabStrip id="tabCustomer" runat="server" TabSelectedStyle="TabStyle">MultiPage原来的
<iewc:MultiPage id="multiPageCustomer" runat="server" style="BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: medium none; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid">
改成
.MulPageStyle
{
BORDER-RIGHT: #000000 1px solid; 
PADDING-RIGHT: 5px; 
BORDER-TOP: medium none; 
PADDING-LEFT: 5px; 
PADDING-BOTTOM: 5px; 
BORDER-LEFT: #000000 1px solid; 
PADDING-TOP: 5px; 
BORDER-BOTTOM: #000000 1px solid;
}<iewc:MultiPage id="multiPageCustomer" runat="server" style="MulPageStyle">

Answer 2

<iewc:MultiPage id="multiPageCustomer" runat="server" CssClass="MulPageStyle">这样就 OK 了！不用谢我！

Answer 3

不好意思, Davied2004(情天小帅猪)是对的, 那么Tabstrip呢, 有很多style了, 我怎么用Css控制啊

Answer 4

TabStrip控件是在哪裡下載的啊，我怎麼就得不到IEWebControl組件；
麻煩樓主告知一聲，謝謝。

Answer 5

http://www.microsoft.com/downloads/details.aspx?FamilyID=fac6350c-8ad6-4bca-8860-8a6ae3f64448&displaylang=en

Answer 6

我用过的一个tapstrip的样式：<ie:tabstrip id="tasA" runat="server" AutoPostBack="true" TargetID="mupLocations" SepdefaultStyle="background-color:white;color:white;border:none;TabHoverStyle="background-color:#333399;color:red;" TabSelectedStyle="background-color:white;color:#333399;border-bottom:none;" TabDefaultStyle="background-color:#333399;color:whiteborder:solid 1px;font-family:verdana;font-weight:bold;font-size:8pt;text-align:center">

Answer 7

告诉你，用CSS文件只能修改它的整体背景什么的，因为一个tabstrip它会涉及tabselectedstyle、tabdefaultstyle都需要用到样式，所以如果你要修改它们的样式，你需要在html文件里修改，这样比较方便，但是你可以通过属性栏里直接修改。下面是我用的一个样式，你可以直接使用，看一下效果，
<mytab:TabStrip id="tsVert_my" runat="server" Style="FONT-WEIGHT:bold;FONT-SIZE:x-small" TabDefaultStyle="width:90;border:solid 0px black;background:#dddddd;padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;background-color:#3366cc;color:#ffffff;cursor:hand;font:bold 65% verdana,arial,helvetica,sans-serif;" TabHoverStyle="color:red" TabSelectedStyle="background-color:#99ccff;color:#000000;cursor:hand;font:bold 65% verdana,arial,helvetica,sans-serif;"SepDefaultStyle="border-right:solid 1px #000000;" TargetID="mpVert" Orientation="Horizontal">

Answer 8

也就是, 用CSS是不能控制的喽