标签: styling
haml 为表单元素添加样式
似乎无法找到这个问题的答案 - 向 rails form_for 中的元素添加样式或类样式的 haml 语法是什么？
我正在处理的代码是
.row.form
.threecol
.sevencol
= form_for @article do |a|
%h3= a.label "title"
= a.text_field :title
%h3= a.label "description"
= a.text_area :description
%h3= a.label "body"
= a.text_area :body
%br/
= a.submit "Post Article"
.twocol.last
我想为文本区域描述元素添加样式。我试过（其中 new_desc 是类样式）
= a.text_area.new_desc :description
和
= a.text_area { :style ... } :description
但两者都无法编译。任何人都可以帮助解决这个（希望是微不足道的）问题吗？
推荐指数
解决办法
查看次数
是否可以通过css和html实现以下文字效果？
我被卡住了，不知道如何完成以下任务。我在网上搜索，但没有找到类似的。
这是我想要实现的文字效果：
正如您所看到的，它有多种颜色（中间为棕色，边缘为白色。）是否可以完全在 css 和 html 中实现这样的东西（如果是，请指出正确的方向）还是只能通过以下方式实现使用图形？
推荐指数
解决办法
查看次数
Firefox 不扩展包含按钮的绝对定位 div
我有两个 div，两个都是绝对定位的，一个在另一个里面，用作菜单。在内部元素中，我有一些应该展开父 div 的按钮元素。理论上来说 Chrome 和 IE 都不错。但我无法让它在 Firefox 中工作。这些按钮不会展开父 div。
奇怪的是，如果我在按钮后面添加一个额外的 a 标签元素，它就会起作用。
CSS
/* .Menu-Wrapper and .Menu have to have postion: absolute */
.Menu-Wrapper {
position: absolute;
top: 100px;
left: 100px;
}
.Menu {
background: yellow;
position: absolute;
top: 0;
left: 0;
padding: 6px;
}
.Menu-item {
background: red;
border: 0;
margin: 2px;
padding: 0;
display: block;
white-space: nowrap;
width: 100%;
text-align: left;
}
html
<div class="Menu-Wrapper">
<!-- there would be a trigger button here, left out for …推荐指数
解决办法
查看次数
当 wpf 中文本框的背景为灰色时，插入符号消失
我在 wpf 中有一个文本框定义如下：
<TextBox Grid.Column="4" Grid.Row="1" x:Name="InputDirectory" Margin="2" Background="Gray"/>
当我运行应用程序时，它不显示插入符号，如果我删除背景颜色或将其更改为其他颜色（我测试了白色、黑色和蓝色），则会出现插入符号。
当背景为灰色时，如何确保插入符号出现？
推荐指数
解决办法
查看次数
如何设计 Android 应用程序的样式？
我从事Web开发已经有一段时间了，现在我想学习android。我懂java，那很好。我感兴趣的是如何设计我的应用程序。例如，如果我想在按钮上添加一些边框，或添加阴影。如果它是一个网站，我会使用 css，但是我在 android 中使用什么？
我说的是原生 Android 应用程序，我不想使用像 ionic 或类似的框架。
推荐指数
解决办法
查看次数
CSS 表格交替行颜色和悬停颜色
我有一张带班级表的表。到目前为止唯一的样式是 table th。我想使用 CSS 值在行的白色和银色之间交替，并为整行悬停银色。有没有人有代码？
<table class='table'>
<tr>
<th>heading</th>
<th>heading 2</th>
<th>heading 3</th>
</tr>
<tr class='table'>
<td>col 1</td>
<td>col 2</td>
<td>col 3</td>
</tr>
<tr class='table'>
<td>col 1</td>
<td>col 2</td>
<td>col 3</td>
</tr>
<tr class='table'>
<td>col 1</td>
<td>col 2</td>
<td>col 3</td>
</tr>
</table>
那是 html 示例（因为它是用 php 编写的）
CSS
.table {
background-color: #FFFFFF;
color: #000000;
}
.table th {
background-color: #333333;
color: #FFFFFF;
}
到此为止。寻找用于我猜测表 tr css 的值。
说不同是因为偶数/奇数不起作用&它是动态的php而不是严格的html。
推荐指数
解决办法
查看次数
样式“<object>”标签内部内容
假设我们有
<html>
<body>
<object width="435" height="350" type="application/x-shockwave-flash" data="http://www.youtube.com/v/SkPqgvQg3Mg"></object>
</body>
</html>因此，在将 youtube 视频加载到 html 页面后，如果我们检查视频上的元素，我们会在其中获得一个新的 html 页面。
现在我想在对象标签内设置内联 html 的样式。
有什么办法吗？？
推荐指数
解决办法
查看次数
宽度：'100%' vs Dimension.get('window').width in react native
我是新手，对整个原生和 css 样式做出反应，如果问题非常基本，我很抱歉。我想要一个视图采用 100% 的可用屏幕宽度，当我使用下面的代码时，我的视图似乎超出了屏幕边界，但是当我使用 Dimension.get('window').width 时它工作得很好。有人可以解释一下它们之间的区别吗？任何帮助将非常感激。谢谢
return(
<TouchableOpacity style = {styles.food_wrapper}
onPress = {()=> this.userAction()}
>
<Text style = {styles.foodname}>
{this.name}
</Text>
<Text style = {styles.foodprice}>
Rs: {this.price}
</Text>
</TouchableOpacity>
);
food_wrapper:{
flex: 1,
flexDirection :'row',
justifyContent:'space-between',
alignItems:'flex-start',
width: '100%',//Dimensions.get('window').width,
minHeight: 50,
marginVertical: '1%',
padding: '2%',
backgroundColor: 'rgb(155,200,200)'
},
推荐指数
解决办法
查看次数
React Native：样式不适用
我不明白为什么样式没有应用于{props.children}以下代码中的内部视图。它不会抛出任何错误，而只会将其呈现{props.children}为简单的文本。
import React from 'react';
import { View } from 'react-native';
const Card = (props) => {
return (
<View style={styles.containerStyle}>
{props.children}
</View>
);
};
const styles = {
containerStyle: {
borderWidth: 8,
borderRadius: 2,
borderColor: 'black',
borderBottomWidth: 0,
shadowColor: 'black',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.1,
shadowRadius: 2,
elevation: 1,
marginLeft: 5,
marginRight: 5,
marginTop: 60
}
};
export default Card;
{props.children}在这里渲染：
import React from 'react';
import { Text } from …推荐指数
解决办法
查看次数
如何在材料 ui REACTjs 中覆盖 menuItem 中的选定类？
你好，我遇到了一个问题，我无法覆盖在选择菜单项时显示正确样式的类：这是我的代码：
<MenuItem component={Link} to="/Acceuil"
className={{root:classes.menuItem ,selected:classes.selected}}
selected={pathname === "/Acceuil"} >
<ListItemIcon>
<Icon className={classes.icon} >
insert_drive_file
</Icon>
</ListItemIcon>
Gestion Commandes
</MenuItem>
这是类 const ：
Const classes = theme => ({
menuItem: {
fontStyle:'bold',
backgroundColor: 'white',
width: '88%',
'&:active':{
borderLeft: '4px solid #51bcda',
backgroundColor: "-webkit-box-shadow: 6px 4px 53px -7px
rgba(0,0,0,0.75), -moz-box-shadow: 6px 4px 53px -7px
rgba(0,0,0,0.75), box-shadow: 6px 4px 53px -7px
rgba(0,0,0,0.75),",
},
selected:{
backgroundColor:'red !important'
}
});
谢谢你帮助我^^
推荐指数
解决办法
查看次数
标签 统计
styling ×10
css ×6
html ×2
react-native ×2
text ×2
android ×1
button ×1
c# ×1
firefox ×1
form-for ×1
haml ×1
html-table ×1
javascript ×1
material-ui ×1
menuitem ×1
object ×1
reactjs ×1
wpf ×1