例子http://dabblet.com/gist/5859946
如果您有一个长占位符,默认情况下输入的宽度不足以显示所有占位符文本.
例如
<input placeholder="Please enter your name, address and shoe size">
Run Code Online (Sandbox Code Playgroud)
如果没有设置固定宽度,最好没有javascript,您可以设置输入以显示所有占位符文本吗?
我正在尝试使用Google Charts创建一个黑色图表,但我似乎无法更改轴的文本颜色.我尝试了一些我在网上找到的代码,比如:
hAxis: {
color: '#FFF'
}
Run Code Online (Sandbox Code Playgroud)
但它只是不起作用.我设法改变了标题和图例颜色,但没有更改轴文本.我正在尝试将轴文本颜色设置为白色,以与背景对比:
google.load("visualization", "1", { packages: ["corechart"] });
setTimeout(function() {
var options = {
title: 'Test Chart',
backgroundColor: '#000',
legendTextStyle: { color: '#FFF' },
titleTextStyle: { color: '#FFF' },
hAxis: {
color: '#FFF',
}
};
var chart = new google.visualization.LineChart(document.querySelector(".chart"));
chart.draw(google.visualization.arrayToDataTable(
[
["Year", "T1", "T2", "T3"],
[0, 10, 20, 30],
[1, 10, 20, 30],
[2, 10, 20, 30],
[3, 10, 20, 30],
[4, 10, 20, 30]
]
), options);
}, 100);Run Code Online (Sandbox Code Playgroud)
.chart {
width: …Run Code Online (Sandbox Code Playgroud)我开发了一个iOS应用程序,它接收推送通知.我正在使用PushSharp从.NET环境发送它们.开发过程中一切都很美妙,推送成功发送:
var push = new PushBroker();
var appleCert = File.ReadAllBytes(@"Utils\Cert.Development.p12");
push.RegisterAppleService(new ApplePushChannelSettings(false, appleCert, "*******"));
push.QueueNotification(new AppleNotification()
.ForDeviceToken(token)
.WithContentAvailable(1)
);
push.StopAllServices();
Run Code Online (Sandbox Code Playgroud)
现在,该应用已获批准,它位于AppStore.我已经生成了正确的生产证书:
var push = new PushBroker();
var appleCert = File.ReadAllBytes(@"Utils\Cert.Production.p12");
push.RegisterAppleService(new ApplePushChannelSettings(true, appleCert, "*******"));
push.QueueNotification(new AppleNotification()
.ForDeviceToken(token)
.WithContentAvailable(1)
);
push.StopAllServices();
Run Code Online (Sandbox Code Playgroud)
但是当我尝试从PushSharp发送推送时,它会抛出以下异常:
You have selected the Production server, yet your Certificate does not appear to be the Production certificate! Please check to ensure you have the correct certificate!
Run Code Online (Sandbox Code Playgroud)
我很确定我已经完成了所有步骤.我已经下载了与应用程序中设置的配置文件绑定的生产证书以进行发布.打开它并导出.p12.
我也确定我不是偶然使用开发版,因为如果我使用最后一个证书设置PushSharp进行开发,则会抛出以下错误:
You have selected the Development/Sandbox (Not production) server, yet your Certificate …Run Code Online (Sandbox Code Playgroud) 我使用伪元素:before和:after前一个标题后画一条线.它正在使用图像:
.mydiv::before {
content: url(img/line.png);}
.mydiv::after {
content: url(img/line.png);}
Run Code Online (Sandbox Code Playgroud)
结果如下:

但是,我希望该行扩展并在标题之前和之后填写整个div,如下所示:

有没有办法为图像指定一个百分比来拉伸?我试试这个,但它不起作用:
.mydiv img {
width: 100%;
height: auto;
}
Run Code Online (Sandbox Code Playgroud) 我正在使用Google的Place API来自动填充用户输入的城市名称(网页).加载API时将语言(pt-BR)作为参数传递,文本框正在以葡萄牙语正确填充,但是当执行方法getPlace()时,它将以英语返回结果(country和administrative_area_level_1).
我不确定问题是Google API,它们是葡萄牙语的翻译还是我错过的.我试图加载它通过西班牙语(es),英语(en)和意大利语(它)作为语言的参数并按预期工作.
这是我加载的方式:
<script src="https://maps.googleapis.com/maps/api/js?key=[myapikey]&signed_in=true&libraries=places&callback=initAutocomplete&language=pt-BR" async defer></script>
Run Code Online (Sandbox Code Playgroud)
...以及我如何根据Google的示例代码获得结果:
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
Run Code Online (Sandbox Code Playgroud)
我也使用反向地理编码API传递place_id,问题是相同的(C#代码).
var apikey = "[myserverapikey]";
var requestUri = string.Format("https://maps.googleapis.com/maps/api/geocode/json?place_id={0}&key={1}", place_id, apikey);
var idiomas = new string[] {"pt-BR", "es", "en-us", "it"};
string responseContent = string.Empty;
foreach (var idioma in idiomas)
{
HttpWebRequest request = WebRequest.Create(requestUri) as HttpWebRequest;
request.Headers.Add(HttpRequestHeader.AcceptLanguage, idioma);
HttpWebResponse response = request.GetResponse() as HttpWebResponse;
StreamReader reader = new StreamReader(response.GetResponseStream());
var jsontext = reader.ReadToEnd().Trim();
responseContent += jsontext;
var …Run Code Online (Sandbox Code Playgroud) 假设我想使用增量margin-top根据它的索引counter()递增元素.就像是:
div {
margin-top: calc(counter(myCounter) * 10px);
}
Run Code Online (Sandbox Code Playgroud)
显然上面的方法不起作用,但如果以某种方式可以使用,我找不到任何信息.没有找到表明无法完成的事情,所以我想知道......
由于计数器本质上是由css保留的变量,有什么办法可以使用CSS计数器编号作为属性的值?
编辑
假定的副本(基于CSS中的计数器值设置边距(缩进))不提供答案,无论是否可能,以及为什么.它只是建议另一种方法.
有人知道Safari vh规则是否有修复吗?
#what{
min-height:70vh;
}
Run Code Online (Sandbox Code Playgroud)
一切正常,在所有浏览器中,但仅在 Safari 中无法识别?safari 是否有修复,我们可以在 css 中使用 VH 规则?
我在Visual Studio中编写了一些CSS,在编写伪选择器时,代码工具提示建议:horizontal,所以我注意到有一个伪:horizontal和:vertical.
Visual Studio 2013 - 12.0.21005.1

这个选择器是什么,我什么时候使用它?
它没有出现在MDN Pseudo-Classes Docs标准选择器上......
我正在忙于一个新网站。对于菜单栏,我把宽度放在100%这里:
font-family: 'Champagne';
font-size:20px;
display: block;
z-index: 1000;
bottom: 0;
width: 100%;
background: #0193CF;
text-align: right;
padding: 0 2em;
margin: 0;
text-transform: capitalize;
Run Code Online (Sandbox Code Playgroud)
但是出于某些奇怪的原因,菜单栏的宽度实际上比页面的其余部分更长。看一下底部的屏幕截图。
有人对这个有经验么?

我担心我的Firefox插件打开套接字时遇到问题.我的目标是让我的插件监听端口,Python脚本会偶尔发送一个短字符串来进行操作.
我已经检查过并且没有防火墙正在运行,如果我在启动这个插件之前设置netcat来监听我想要的端口,它的行为会有所不同(它将打印"打开的端口!").不幸的是我真的想让插件成为监听器/服务器.
//TCPSocket API: https://developer.mozilla.org/en-US/docs/Web/API/TCPSocket
//Got me started: http://stackoverflow.com/q/28326301
const {Cu,Cc,Ci} = require("chrome");
var tcpSocket = Cc["@mozilla.org/tcp-socket;1"].createInstance(Ci.nsIDOMTCPSocket);
var socket = tcpSocket.open("127.0.0.1", 64515);
socket.ondata = function (event) {
console.log('port received data!!!');
if (typeof event.data === 'string') {
console.log('Got: ' + event.data);
}
}
socket.onopen = function() {console.log('opened port!');}
socket.onerror = function(event) {
console.log('port error!');
console.log(event.data)
}
socket.onclose = function() {console.log('port closed!');}
socket.ondrain = function() {console.log('port drained!');}
Run Code Online (Sandbox Code Playgroud)
现在虽然立即输出是:
console.log: my-addon: port error!
console.log: my-addon: DOMError {}
console.log: my-addon: …Run Code Online (Sandbox Code Playgroud) css ×6
html ×3
certificate ×1
charts ×1
css3 ×1
firefox ×1
html5 ×1
ios ×1
javascript ×1
placeholder ×1
plugins ×1
pushsharp ×1
safari ×1
sockets ×1
tcp ×1