标签: styling

我想把ScrollViewer放在它滚动的内容重叠/位于其上面的方式.我会设置ScrollViewer的不透明度,以便内容在下面可见.

据我所知,默认的ScrollViewer,这似乎不可能开箱即用,因为内容嵌套在ScrollViewer中.

关于如何使这项工作的任何想法？

编辑:我知道ScrollViewer是一个装饰器,内容不知道ScrollViewer.这种分离很好,我不希望内容知道ScrollViewer.我尝试做的是纯粹的视觉(布局)事物.只需在内容之上显示ScrollViewer.ScrollViewer的行为应保持不变.

GWT中的一般方法是使用面板,然后应用自定义CSS主题以获得自定义外观.虽然我可以通过CSS修补来实现我的GWT应用程序的某种程度的个性化,但我想知道其他人通常如何处理样式.

我在网上看到的一些建议是通过使用HTMLPanel管理使用纯HTML的布局.通过这种方式,可以直接在应用程序中使用HTML模型,而无需编写所有布局.

那么您认为接近GWT应用程序的布局和自定义样式的最佳和最不痛苦的方法是什么？

在许多网站上,例如,当输入用户名时,会出现下一个输入显示的下拉菜单,因此用户可以轻松选择内容而不是键入内容.我知道你可以通过让表单或输入具有属性来在浏览器中关闭它autocomplete="off".问题是当我想要它时,输入有填充.下拉列表看起来非常糟糕,因为每个项目都没有填充.

有没有办法用css设计这个样式？我知道您可能会使用javascript/jQuery解决方法将以前的条目存储在cookie或其他内容中并自行创建下拉列表.但我不想依赖javascript.

这个问题可能在这里被多次询问过,而没有得到有用的答案.我把它放在这里可能的答案.随意改进.

问题:如何在并排主要详细视图中设置类似于详细视图样式的弹出窗口,如下图所示:

我有:

<span id="string">12h12m12s</span>

而且我正在寻找h,m并且s比文本的其他部分更小.我听说过nth-lettercss 中的伪元素,但它似乎不起作用:

#string:nth-letter(3),
#string:nth-letter(6),
#string:nth-letter(9) {
    font-size: 2em;
}

我知道我可以使用javascript来解析字符串并用周围的span标签替换字母并设置标签样式.但是,字符串每秒更新一次,似乎解析通常是资源密集型.

我正在尝试使用php输出的文本粗体.

尝试过<b>,<strong>CSS但它没有用.

我的PHP:

function generateWeekNumbers() { //Generate a list with week numbers for dropdown
    $weekCount = 53;
    $currentWeek = getWeekNumber();
    for($i=1;$i<$weekCount;$i++)
    {
        if ($i == $currentWeek) {
            echo '<option><span class="week">Week '.$i.'</span></option>';
        } else {
            echo '<option>Week '.$i.'</option>';
        }
    }
}

我在实际页面上的css:

.week {
   font-weight: bold;
}

还尝试过:

echo '<option><b>Week '.$i.'</b></option>';

希望有人能提供帮助.

我的Mathjax代码在计算机上看起来很好但在移动设备上超大:http://teach.sg/mathematics/additional-mathematics/trigonometric-functions/

有什么方法可以自动调整移动设备的大小吗？

注意:我在iPhone 6上使用safari .Chrome给了我相同的结果.

我有一个ContextMenu样式和一个MenuItem样式,它们都在顶层菜单上正常工作.问题是如果我在菜单项中添加子菜单,则子菜单没有正确设置样式.看起来你现在只能设置菜单项的样式,而不是实际的子菜单,所以你不能替换IsMouseOver样式(它只是默认为在Windows上启用的任何主题).

我搜索和搜索过,我能找到的最接近的是MSDN上的论坛帖子http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/69269d23-f97c-42e3-a9dd-0e7c0ba49bdd ？prof = required但它实际上也没有正确回答问题,因为他的例子我遇到了同样的问题.任何帮助,将不胜感激!提前致谢.

编辑:周杰伦,这就是我在做的事情.这是一些代码,在UserControl.Resources中作为我的对象的顶部.

    <Style TargetType="{x:Type MenuItem}">
        <Setter Property="Background" Value="#0f3c5a"></Setter>
        <Setter Property="Foreground" Value="White"></Setter>
        <Style.Triggers>
            <Trigger Property="IsHighlighted" Value="True">
                <Setter Property="Background" Value="Black"></Setter>
            </Trigger>
            <Trigger Property="IsEnabled" Value="False">
                <Setter Property="Foreground" Value="LightGray"></Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style TargetType="{x:Type ContextMenu}">
        <Setter Property="OverridesDefaultStyle" Value="True"/>
        <Setter Property="SnapsToDevicePixels" Value="True"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ContextMenu}">

                    <!--Here is where you change the border thickness to zero on the menu-->
                    <Border BorderThickness="0" x:Name="Border"  >
                     <StackPanel ClipToBounds="True" Orientation="Vertical"
                     IsItemsHost="True"/>
                     </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter TargetName="Border" Property="Background" Value="#5082a4" /> …

我最近创建了一种方式来设置HTML复选框和单选按钮的样式,但它需要添加其他元素,如a <p>或a <span>.这并不是一件非常不方便的事情,但是当你为一个完整的网络软件设计样式(CSS)时,必须返回并重写每个复选框都会很烦人.

我最近刚刚有一个关于如何在不使用任何其他元素的情况下对其进行样式化的"启示",并且它在Chrome中运行得非常好,但在Firefox中,我们只是说它不起作用.

我的HTML:

<input type="checkbox" />

我的CSS:

input[type="checkbox"]
{
    visibility:hidden;
}

input[type="checkbox"]:after
{
    visibility:visible;
    content:"W";
    display:block;
    background:#0ab9bf;
    width:20px;
    line-height:20px;
    text-align:center;
    height:20px;
    overflow:hidden;
    text-indent:-100px;
}

input[type="checkbox"]:checked:after
{
    text-indent:0;
}

我希望有人可以帮忙吗？请记住,我正在寻找一个严格的CSS解决方案.我将只作为最后的手段寻求一个JavaScript解决方案.在那之前,我的希望很高.

我想我的问题是,是什么阻止Firefox显示"复选框？" 我该如何解决这个问题.有没有不同的方法去做这个？

这可能是一个愚蠢的问题,但我只是想知道是否可以在'label'标签中添加一个类而不必将其包装在'span'标签中来设置它.我正在阅读"CSS:The Missing Manual",它告诉我,为了设计一堆标签标签,我应该用'span'标签包装每个我想要样式的标签.

<label class="name">Name:</label>