假设您有一些像这样的HTML:
<form>
<input placeholder="Some text!" required>
<input type="email" placeholder="An Email!" required>
<input type="submit" value="A Button!">
</form>
Run Code Online (Sandbox Code Playgroud)
由于required属性,如果将空白留空,较新的Webkits和Firefox会在该字段旁边显示验证消息.
他们回应了以下规则的风格:
div {
font: Helvetica;
}
Run Code Online (Sandbox Code Playgroud)
但我找不到更具体的选择器.有谁知道使用或将要使用的选择器,甚至是与此相关的webkit/gecko的错误报告?
(JSFiddle显示它们可以用div选择器设置样式:http://jsfiddle.net/p7kK5/)
如何使用CSS设置HTML5表单验证错误消息的样式?
我有一个聊天小部件,我正在添加一些样式.但是,我很难让"用户"聊天气泡对齐到屏幕右侧.
当我使用向右浮动时,向左浮动(对于另一侧),div不再正确定位,因为它们似乎只是在相对div的右侧.
我希望它能够附加将导致overflow-y创建滚动条的div.没有浮动的东西已经按预期工作了.
以下是jsbin中的当前版本.
http://jsbin.com/utulay/1/edit
TLDR; 试图让.chat-bubble-user divs在没有浮动的情况下与屏幕右侧对齐.