标签: styling

是否可以设计标题?(还有CSS或js?)

我想知道是否可以设计样式title:

<a href="#" title="This is a title">Hello</a>
Run Code Online (Sandbox Code Playgroud)

造型问题有两个方面:

  • 文本格式化 /编码(我猜这是可能的,所以在问题中做到了*).
  • Tooltip造型,你能让它更大吗?其他颜色?等等

我的另一个问题是你如何"指出"头衔

  • 来自CSS
  • 来自Javascript/jQuery

提前致谢!


*文字格式/编码的内容:

替代文字

html javascript css styling

17
推荐指数
2
解决办法
3万
查看次数

是否有可能在伪元素之前/之后设置iframe样式?

正如标题所说,有没有办法设置iframes伪before/ after?没有用另一个包装iframe div,或者?`

我试着像任何其他元素一样设计样式,但没有成功:

iframe::before {
    content: 'foo';
    position: absolute;
    top: 0;
    left: 0;
}

iframe::after {
    content: 'bar';
    position: absolute;
    top: 0;
    right: 0;
}
Run Code Online (Sandbox Code Playgroud)

http://fiddle.jshell.net/ppRqm/

更新

一个已知的解决方法是将前/后添加到源文件中的元素:http: //fiddle.jshell.net/ppRqm/2/

但有时您无法访问源文件.

css iframe styling pseudo-element css-content

17
推荐指数
1
解决办法
9897
查看次数

如何使用HTML内联样式缩进段落的第一行?

我正在创建一个HTML电子邮件,我不想在头部使用CSS样式(出于跨平台兼容性原因).我需要使用内联样式 为段落的第一行设置缩进.

我该怎么办?

html email inline styling html-email

17
推荐指数
1
解决办法
3038
查看次数

WPF,XAML:如何使用ListBox ItemsSource对象的属性绑定样式ListBoxItem?

我有一个ListBox,它绑定到LogMessages的ObservableCollection.

public ObservableCollection<LogMessage> LogMessages { get; set; }
public LogMessageData()
{
    this.LogMessages = new ObservableCollection<LogMessage>();
}
Run Code Online (Sandbox Code Playgroud)

每条消息都有两个参数:

public class LogMessage
{
    public string Msg { get; set; }
    public int Severity { get; set; }
    //code cut...
}
Run Code Online (Sandbox Code Playgroud)

列表框是越来越充满了这些项目,我需要的颜色代码(改变背景颜色一个ListBoxItem)列表取决于严重性一个的LogMessage项的参数.

这是我现在在XAML中显示日志的用户控件:

    <UserControl.Resources>
    <AlternationConverter x:Key="BackgroundSeverityConverter">
        <SolidColorBrush>Green</SolidColorBrush>
        <SolidColorBrush>Yellow</SolidColorBrush>
        <SolidColorBrush>Red</SolidColorBrush>
    </AlternationConverter>
    <Style x:Key="BindingAlternation" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Background" 
                Value="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                Path=Severity, 
                Converter={StaticResource BackgroundSeverityConverter}}"/>
    </Style>
    <DataTemplate x:Key="LogDataTemplate">
        <TextBlock x:Name="logItemTextBlock" Width="Auto" Height="Auto" 
        Text="{Binding Msg}"/>
    </DataTemplate>
</UserControl.Resources>
Run Code Online (Sandbox Code Playgroud)

和一个实际的ListBox:

<ListBox …
Run Code Online (Sandbox Code Playgroud)

wpf xaml binding listbox styling

16
推荐指数
1
解决办法
4万
查看次数

为Qt创建一个无边框窗口

我是Qt C++的新手.我下载了最新的Windows版本,做了一些教程,非常棒.

我看到了Qt框架所具有的一些样式选项和它的优点,但是现在我需要构建我的应用程序,它的主窗口(窗体)设计/剥离图像而没有矩形边框(无边框?).

我怎么能用Qt做到这一点?

c++ qt themes styling

16
推荐指数
3
解决办法
2万
查看次数

WPF列表框 - 空列表显示消息

任何人都可以建议显示Textblock的最佳方式(使用诸如"List Empty"之类的文本),以便将其可见性绑定到Items.Count.

我已经尝试了以下代码并且无法使其工作,所以认为我必须做错了.

    <ListBox x:Name="lstItems" 
        ItemsSource="{Binding ListItems}">
    </ListBox>
    <TextBlock Margin="4" FontStyle="Italic" FontSize="12" Text="List is empty" Visibility="Collapsed">
        <TextBlock.Style>
            <Style TargetType="{x:Type TextBlock}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ElementName=lstItems, Path=Items.Count}" Value="0">
                        <Setter Property="Visibility" Value="Visible" />
                    </DataTrigger>  
                </Style.Triggers>
            </Style>                            
        </TextBlock.Style>
    </TextBlock>
Run Code Online (Sandbox Code Playgroud)

data-binding wpf listbox styling

16
推荐指数
1
解决办法
7801
查看次数

如何在WPF ListView中的特定列中居中文本?

我尝试了这个以及Horizo​​ntalAlignment,而不是TextAlignment,但它们仍然显示为左对齐.

<Window x:Class="EditorWindow.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        DataContext="{Binding RelativeSource={RelativeSource Self}}"
        Title="MainWindow" Height="800" Width="600">
    <Grid>
        <ListView ItemsSource="{Binding Effects}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Width="100" Header="Name" DisplayMemberBinding="{Binding Name}"  />
                    <GridViewColumn Width="100" Header="Type" >
                        <GridViewColumn.CellTemplate >
                            <DataTemplate>
                                <TextBlock Text="{Binding Type}" TextAlignment="Center"/>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                    <GridViewColumn Width="100" Header="Opacity" DisplayMemberBinding="{Binding Opacity}" />
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>
Run Code Online (Sandbox Code Playgroud)

.net wpf xaml listview styling

16
推荐指数
1
解决办法
2万
查看次数

ListTile可以设置边框吗?(扑)

如何为ListTile小部件设置边框?文档中没有它的属性“装饰”。所以我不能像往常一样为这个元素应用边框。我也无法将 ListTile 的属性(如标题、副标题、前导、尾随)包装在 Container 中,因为它不起作用。然而,如果没有任何巧妙的方法来设置带有边框的 ListTile 样式,那可能会很奇怪......

styling flutter

16
推荐指数
3
解决办法
3万
查看次数

样式化WPF ComboBox项目

我有一个非常简单的WPF应用程序,它显示一个ComboBox,它绑定到代表人的类列表.每个'Person'对象都有一个Name字符串字段和一个Sex enum.我希望ComboBox显示各种人物名称字段的下拉列表,但是根据性别字段对每一行进行样式设置,例如,蓝色表示男性,粉红色表示女性.谁能告诉我我做错了什么?

这是XML:

<Window x:Class="ComboBoxColour.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel Orientation="Vertical">
        <ComboBox ItemsSource="{Binding People}" Width="100" Height="20">
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Name="somePerson" Text="{Binding Path=Name}">                        
                        <TextBlock.Triggers>
                            <DataTrigger Binding="{Binding Path=Sex}" Value="Male">
                                <DataTrigger.Setters>
                                    <Setter Property="Foreground" Value="Blue" TargetName="somePerson" />
                                </DataTrigger.Setters>
                            </DataTrigger>
                        </TextBlock.Triggers>                        
                    </TextBlock>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
    </StackPanel>
</Window>
Run Code Online (Sandbox Code Playgroud)

这是C#:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Collections.ObjectModel;

namespace ComboBoxColour
{
  /// <summary>
  /// Interaction logic …
Run Code Online (Sandbox Code Playgroud)

c# wpf combobox datatemplate styling

15
推荐指数
2
解决办法
3万
查看次数

WPF应用程序上的闪烁按钮

我的WPF应用程序有一个我在混合上构建的样式管理器.

我的问题是:我有一个偶尔闪烁的登录按钮,我无法弄清楚如何删除此行为.

这是我的登录框的样式代码:

<Style x:Key="LoginBoxGrid" TargetType="{x:Type Grid}">
    <Setter Property="Background">
        <Setter.Value>
            <ImageBrush ImageSource="/Client;component/Assets/images/LoginBox.png" Stretch="None" TileMode="Tile"/>
        </Setter.Value>
    </Setter>

    <Setter Property="Opacity" Value="0.765"/>
    <Setter Property="Width" Value="411"/>
    <Setter Property="HorizontalAlignment" Value="Left"/>
    <Setter Property="Margin" Value="126,150,0,111"/>
</Style>
<Style x:Key="LoginBoxHeader" TargetType="{x:Type Label}">
    <Setter Property="Grid.Column" Value="2"/>
    <Setter Property="Margin" Value="-16.183,18.347,0,0"/>
    <Setter Property="Width" Value="64.994"/>
    <Setter Property="FontSize" Value="16"/>
    <Setter Property="FontWeight" Value="Bold"/>
    <Setter Property="FontStyle" Value="Italic"/>
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="VerticalAlignment" Value="Top"/>
    <Setter Property="HorizontalAlignment" Value="Left"/>
    <Setter Property="FontFamily" Value="/Client;component/Assets/Fonts/#Arial Black"/>
</Style>

<Style x:Key="LoginBtn" TargetType="{x:Type Button}">
    <Setter Property="Grid.Column" Value="2"/>
    <Setter Property="Margin" Value="16.6,9.022,9.282,8"/>
    <Setter Property="Grid.Row" Value="4"/>
    <Setter Property="Width" …
Run Code Online (Sandbox Code Playgroud)

c# asp.net wpf blend styling

14
推荐指数
4
解决办法
2万
查看次数