标签: styling

开放窗口是否增强了应用程序的吸引力？它应该是图片还是淡淡的蓝色和白色？

<li id="leistungen"><a href="#Leistungen" onclick="sitemapChangeSubMenu('leistungen','leistungencontent','leistungen'); return false;">LEISTUNGEN</a> </li>

这是我想要样式的列表项:

$("#leistungen a").addClass("brown");

这不适用于:

$("#leistungen").addClass("brown");

我的css代码就是

.brown {
   color:brown;
}

我不知道有什么不对,希望你能帮助我:)

非常感谢!

我正在浏览我的问题的相关问题,但我似乎无法找到它的答案.无论如何,我想知道当我已经在我的网站上使用两个(p和div标签)作为纯文本时,我仍然可以使用p或div标签而不是标头标签.原因是我只想在我的网站中有一个标题标记h1.我试图调整一些部件,并在途中迷路了.可悲的是,经过几次测试后,它无法正常工作......我想知道是否可能或者是否有任何其他HTML标签我可以使用除标头标签之外的其他标签.你们的任何回应都将非常感谢.=)

我试图在flex数据网格中设置标题样式,并且我不断收到警告:

CSS选择器"DataGrid"中的类型DataGrid必须使用命名空间限定

这是什么意思？我经历了一系列教程,但没有一个有效.似乎改变数据网格中的颜色应该相对简单.

这是一个代码示例:

<mx:Style>
    .headerCustomStyle
    {
        fontWeight: "bold";
        textAlign: "center";
        color: #0000FF;
    }

    DataGrid {
        alternating-item-colors: #F4FBFF, #FFFFFF;
    }
</mx:Style>

<mx:DataGrid draggableColumns="true" width="100%" id="topTracks" headerStyleName="headerCustomStyle" dataProvider="{_trackData.track}" >
    <mx:columns>
        <mx:DataGridColumn id="artistName" dataField="artist.name" headerText="Artist" width="250" />
        <mx:DataGridColumn id="trackName" dataField="name" headerText="Track" width="250"/>
    </mx:columns>
</mx:DataGrid>

可能重复:
如何获取.NET TreeView的Windows原生外观？

我想知道是否可以使用Vista/Windows 7样式设置我的Windows窗体树形样式.如果它在旧版本的Windows中运行,那么我希望使用常规的树视图样式.

这可能是使用清单还是需要更详细的自定义或使用第三方控件？

谢谢,艾伦

我刚刚用我的页脚div解决了一个问题,又做了一个:)

目前,我在这个页面上打破了页脚:

http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189

看看页脚如何穿过整个页面？

现在看看这里:

http://www.comehike.com/earn_money.php

页脚遍布整个页面,并且还有更大的字母.

以下是我认为两页都使用的页脚样式.虽然这个想法可能是这里的问题:)

/* styles for footer */

.footer
{
    padding: 0.5em 0;
    margin: 0 auto;
    margin-bottom: 20px;  
    text-align: center;
    vertical-align:center;
    background: #fff;
    color: #462c1f;
    border: 10px solid #fff;  
}
.footer a, .footer span {
    color: #462c1f;
    font-size:85%;
}
.footer a {
    color: #7E9940;
    font-size:85%;
}

.footer a:hover {
    text-decoration: underline;
    color: #3f6b30;
}

我试图通过给出表中的列和表数据本身来创建"视图"或将构建HTML表的函数.这将是Yii中renderPartial方法调用的页面.我想像这样做(将演示使用伪代码):

    void view(array $cols, array $tabledata) 
    {
    //$tabledata will be an array of CActiveRecord objects. $cols is an array of strings from getColumnNames().
    <table><thead><tr>
    foreach($cols as $col)
    {
        <th>$col</th>
    }
    </tr></thead><tbody>
    foreach($tabledata as $data)
    {
        <tr>
        foreach($cols as $col)
        {
            <td>$data->$col</td>
        }
        </tr>
    }
    </tbody></table>
    }

然而,我遇到的问题是我无法获得关系的列.我找到了http://www.yiiframework.com/doc/api/1.1/CDbTableSchema,但似乎只给出了特定表的列名.我需要一种方法来获取关系将用于生成HTML表时使用的所有列.或者,如果有人有更好的方法,请告诉我.谢谢!

编辑:作为一个注释,我没有使用CGridView的原因,包括我下面列出的那个,是我不想知道列是什么或数据.我希望能够使用代码构建表.

我想用CSS制作一个矩形分区的三角形.任何帮助将非常感激.

我有一个非常具体的问题.我找不到这个确切问题的答案,所以我使用了试错法来查明问题.这是一个我遇到问题的示例代码:

<Page.BottomAppBar>
    <CommandBar x:Name="MainMenuCommandBar" ClosedDisplayMode="Minimal">
        <CommandBar.PrimaryCommands>
            <AppBarButton x:Name="otherCommandButton" Label="Egyéb" Icon="List" Click="otherCommandButton_Click" Style="{StaticResource appbarButton}">
                <AppBarButton.Flyout>
                    <MenuFlyout>
                        <MenuFlyoutItem x:Name="SecondaryFlyout1" Text="Névjegy" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                        <MenuFlyoutItem x:Name="SecondaryFlyout2" Text="Adatbázis mentés" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                        <MenuFlyoutItem x:Name="SecondaryFlyout3" Text="Adatbázis visszaállítás" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                        <MenuFlyoutItem x:Name="SecondaryFlyout4" Text="Terminál törlése" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                        <MenuFlyoutItem x:Name="SecondaryFlyout5" Text="Jelszavas védelem" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                        <MenuFlyoutItem x:Name="SecondaryFlyout6" Text="Nyelv váltás" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                        <MenuFlyoutItem x:Name="SecondaryFlyout7" Text="Bet?méret" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                        <MenuFlyoutItem x:Name="SecondaryFlyout8" Text="Kilépés" Style="{StaticResource BottomAppBarFlyoutStyle}"/>
                    </MenuFlyout>
                </AppBarButton.Flyout>
            </AppBarButton>
            <AppBarButton x:Name="refreshCommandButton" Label="Frissítés(Bank)" Icon="Refresh" Style="{StaticResource appbarButton}"/>
            <AppBarButton x:Name="syncCommandButton" Label="Szinkronizál(PC)" Icon="Sync" Style="{StaticResource appbarButton}"/>
        </CommandBar.PrimaryCommands>
    </CommandBar>
</Page.BottomAppBar>

我想在命令栏内为appbarbuttons应用自定义样式,因为标签中的文本太长,我看不到整个文本.所以我想,我会把文字缩小,或者appbarbutton更宽.设计师向我展示了这些变化,但是当我运行程序时,没有任何变化.无论我做什么,appbarbuttons都使用默认样式.因此,当我运行程序时,文本不会变小.

在此之后,我试图找出问题所在.我也尝试编辑模板,但"编辑副本"命令显示为灰色.我觉得这很奇怪,因为我穿过MSDN,在那里我看到appbarbuttons实际上有一种我可以编辑的风格.我复制了默认样式,进行了更改,将其作为自定义样式应用到我的app.xaml中,但我遇到了和以前一样的问题.无论我改变风格,都没有改变.在所有这些失败之后,我将一个appbarbutton …

我正在使用React.js创建一个应用程序。我有项目清单。项目列表是可编辑的。

我想在项目列表旁边添加一个title元素，并且应该随着项目数量的增加或减少而更改title元素的高度。

图片

如果项目数减少到3，则应缩短标题元素（建议和常见问题）的高度。如果增加到5，则高度应加宽。

如何实现此功能？我尝试使用内联样式，但失败了。

<div className="titleElement" style={height: this.state.questionItem.length * 20px }></div>

index.js

export default class List extends React.Component {
constructor(props){
    super(props);
    this.state={
        questionItem
    };
}

createItem(item){
    this.state.questionItem.unshift({
        item : item,
    });
    this.setState({
        questionItem : this.state.questionItem
    });
}

findItem(item) {
    return this.state.questionItem.filter((element) => element.item === item)[0];
}

toggleComplete(item){
    let selectedItem = this.findItem(item);
    selectedItem.completed = !selectedItem.completed;
    this.setState({ questionItem : this.state.questionItem });
}

saveItem(oldItem, newItem) {
    let selectedItem = this.findItem(oldItem);
    selectedItem.item = newItem;
    this.setState({ questionItem : this.state.questionItem });
    console.log(this.state.questionItem)
}

deleteItem(item) { …