标签: styling

我试图ContextMenu使用单独的CSS文件更改项目的样式.我查看了caspian.css部分,找到了以下定义:

• .上下文菜单
• .context-menu .separator
• .context-menu .scroll-arrow
• .context-menu .scroll-arrow:悬停
• .context-menu:show-mnemonics .mnemonic-underline

我将那些完全复制到我的css文件中并仅将背景颜色值更改为测试:

.context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: #006699;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
/*    -fx-padding: 0.666667em 0.083333em 0.666667em 0.083333em;  8 1 8 1 */
    -fx-padding: 0.333333em 0.083333em 0.666667em 0.083333em; /* 4 1 8 1 */
}

.context-menu .separator {
    -fx-padding: 0.0em 0.333333em 0.0em 0.333333em; /* 0 4 0 4 */
}

.context-menu .scroll-arrow {
    -fx-padding: 0.416667em 0.416667em …

看看这个小提琴.

输入Ctrl+ F并搜索"获取"...

对我来说,Chrome会从此文本中找到不可见的文字: A long option that gets cut off

它在Linux/Ubuntu 12.04 Chrome版本31.0.1650.63上重现

HTML

<!--works for a div-->
<div>
    A long option that gets cut off
</div>

<!--but not for a select-->
<select>
    <option>One - A long option that gets cut off</option>
    <option>Two - A long option that gets cut off</option>
</select>

CSS

select {
    width:100px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}

div {
    border-style:solid; 
    width:100px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}

如何在页面上显示文本,而不是浏览器突出显示的空白块空白？

可能重复:
是否有CSS父选择器？

我知道这是一个黑暗中的镜头,但有没有办法,只使用CSS,CSS2,没有jquery,没有javascript,来选择和设计元素的祖先？我已经通过选择器,但我发布这个以防我错过了一些东西或有一个聪明的解决方法.

例如,假设我有一个类名为"test"的表嵌套在div中.有某种形式:

<div>
    <table class="test">
    </table>
</div>

div (with child) .test
{
     /*styling, for div, not .test ...*/
}

如果我查看Django的forms.py,as_p()调用_html_output(),哪个样式字段错误self.error_class()(虽然我找不到那个的定义).

但是,_html_output()不要样式non_field_errors(在代码中也称为top_errors).

如何设置非字段错误的样式？剪切并粘贴所有_html_output？

我正在使用Django 1.0.

用鼠标按下按钮来设置按钮...我设法设置了按钮的样式(纯红色),但我希望它在鼠标悬停时变为纯黑色.我是XAML的新手,我可以看到它需要某种类型的故事板/动画......不确定如何做到这一点.

任何帮助将不胜感激.

我已将默认菜单控件添加到用户控件中.我需要设置菜单样式以删除包含图标或复选框空间的左边距.我怎样才能做到这一点？

XAML:

<Menu>
    <MenuItem Header="MyMenu" FontSize="10">
        <MenuItem Header="Options..." />
        <MenuItem Header="About" />
    </MenuItem>
</Menu>  

它目前呈现与任何其他菜单控件开箱即用:

我不希望菜单项左边的边距或列.这通常用于图标等.

我有一个TabControl,我已经重新设计了.TabItem有一个触发器,当选择TabItem时会触发该触发器,将TabItem文本更改为粗体和绿色.我遇到的问题是选项卡内容中的文本也设置为粗体和绿色.

我可以通过将选项卡内容中的所有控件设置为我想要的颜色和字体重量来解决这个问题,但是我应该这样做吗？所以,我必须确保内容区域中的每个文本块都有一个样式,将颜色设置为黑色,字体权重正常.

如何将TabItem的IsSelected部分设置为显示绿色,但是仅保留选项卡的内容？

我试图将TabControl的前景设置为黑色,但这不起作用.

您将从下面的代码示例中看到第一个选项卡上的文本为绿色,我希望它为黑色,但不在选项卡内容中设置每个控件.

代码示例如下:

    <Grid>
    <Grid.Resources>
        <!-- Tab item -->
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="MinWidth" Value="200"/>
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid>
                            <Border Name="Border" Padding="5,2">
                                <ContentPresenter ContentSource="Header"/>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="Border.IsMouseOver" Value="True"/>
                                    <Condition Property="IsSelected" Value="False"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="FontWeight" Value="Bold"/>
                                <Setter Property="Foreground" Value="Black"/>
                            </MultiTrigger>

                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="Border.IsMouseOver" Value="False"/>
                                    <Condition Property="IsSelected" Value="False"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="Foreground" Value="Black" />
                            </MultiTrigger>

                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Foreground" Value="Green"/>
                                <Setter Property="FontWeight" Value="Bold"/>
                            </Trigger>
                        </ControlTemplate.Triggers> …

我的应用程序中有一个带有选项组的简单选择框.

<select>
   <optgroup label="Swedish Cars">
     <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
 </optgroup>
  ----
  ----
  ----
</select>

当它在浏览器中显示时,选项组标签以粗体和斜体显示; 我想让它显示没有任何这些风格.

这是显示问题的图片.看看右下角.

谁知道如何摆脱它？

设置LayoutStyle以VerticalStackWithOverflow修复它,但也将项目水平居中,这是我不想要的.

我只想要像照片中的垂直堆栈,但右下角没有黑色线条.

我正在开发一个WinForms应用程序,在一个表单上,我使用GroupBox将相关控件组合在一起.我想以特定的方式设置标题的样式(例如,使标题加粗).通过改变GroupBox的样式,我可以自定义标题,但它也改变了GroupBox中控件的样式.

到目前为止,没有那么多的子控件,所以我将他们的样式重新设置为默认值,但我认为必须有更好的方法......但到目前为止我还没想到它.

有办法吗？