草庐IT

javascript - 如何为文本字段中的每个字母赋予不同的颜色?

我有一个输入文本字段,如this,input{color:red}Name:我想为输入文本字段中的每个字母应用不同的颜色,如果用户输入hai每个字母h,a,i相邻的字母应该有不同的颜色。让我选择红色和黄色。在jQuery、css中有什么办法吗? 最佳答案 http://jsfiddle.net/DerekL/Y8ySy/$("body").prop("contentEditable",true).blur(function(){varchars=$(this).text().split("");this.innerHTML="";$

html - 您如何仅使用 css 将 'required asterisk' 图像放在标签的第一个字母前面?

是否可以仅使用css在标签的第一个字母前放置一个“必需的星号”图像?标签的文本是右对齐的,因此每个标签的文本前面有不同长度的空格。 最佳答案 .foo:before{content:"*";color:red;} 关于html-您如何仅使用css将'requiredasterisk'图像放在标签的第一个字母前面?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8765782/

html - CSS - 首字母选择不适用于 ID

我的CSS:first-letter选择器适用于所有p元素,但对于具有id#fletter的span它不会不工作...#fletterspan:first-letter{font-weight:600;font-size:25px;}虽然选择器与我的p元素配合得很好。p:first-letter{font-weight:600;font-size:25px;}LoremIpsum 最佳答案 那是因为:first-letter只能用在block级元素上。一种解决方案是将跨度显示为block级元素:#fletterspan{displa

html - 为什么嵌套内联元素和后续字符之间没有字母间距?

阅读字母间距规范后,我了解到原子内联(例如内联block)元素的运行被视为单个字符(http://www.w3.org/TR/css3-text/#letter-spacing):Forthepurposeofletter-spacing,eachconsecutiverunofatomicinlines(suchasimageand/orinlineblocks)istreatedasasinglecharacter.在我测试的所有浏览器中(Chrome、Safari、Firefox、IE9+10),它似乎都不是这样工作的。以下代码(http://codepen.io/caleb/p

html - 屏幕阅读器 : How to make a word with tags surrounding its letters be spoken as a single word, 而不是一系列字母?

我的标题是这样的:Thisisatest.字母“e”周围的标签导致MacOSXVoiceover单独读取单词的各个字母,而不是整个单词。所以,它说:"Thisisatest."代替:"Thisisatest."鉴于我需要在标签*中包含一个单词的字母,我如何才能确保屏幕阅读器正常读出该单词?注意:任何标签都可以。我试过了,和它们都产生相同的效果。 最佳答案 解决此怪癖的一种方法是提供纯屏幕阅读器版本的文本以及会影响屏幕阅读器的花絮,例如:CSS片段:.offscreen{position:absolute;clip:rect(1px1

html - 如何制作斜线而不是字母的文本?

我在HTML/CSS中有一个倾斜的文本。像这样:(http://jsfiddle.net/UPeYT/)p{-webkit-transform:skew(-8deg);-moz-transform:skew(-8deg);-o-transform:skew(-8deg);transform:skew(-8deg);}我希望文本的对齐方式倾斜,但单词本身不是斜体。我该怎么做? 最佳答案 我已经构建了我需要的东西,但我不确定它是否正是您需要的。本质上,我是在拿一个段落,倾斜它,然后将每个单词分成它自己的跨度,并反转倾斜。不过,我敢肯定这

html - CSS 水平显示字母并在单词之间添加空格

我想让两个单词的字母从上到下垂直显示,并在最后一个单词上添加一个可控制的空间(一种padding-top)。(见下图)(在Photoshop中,您可以通过在字母后按Shift+Enter获得上述效果。)我得到了接近的结果,但有人可能知道更好的解决方案。我的解决方案:Stalk Mep{font-size:20px;width:28px;/*dependsonfont-size*/line-height:20px;/*dependsonfont-size*/word-wrap:break-word;text-transform:uppercase;text-align:cent

javascript - 随机彩色字母

我有这个代码:$(function(){setTime();functionsetTime(){$.ajax({url:"../abc.php",dataType:"text",success:function(result){$("#list").html(result);}});vardate=newDate().getTime();setTimeout(setTime,3000);$('#list').html(result);//Hereshouldcallafunctiontocolorallthewordsofthediv}});});我尝试使用setTime()函数每3秒

javascript - 如何仅对字母启用 onpaste

我有一项任务是禁止粘贴文本框。必须只允许粘贴字母字符。我的代码是Name通过给出onpaste="returnfalse"没有值被粘贴。我该如何解决这个问题? 最佳答案 试试这段代码$(".alphabetOnly").bind('paste',function(e){varself=this;setTimeout(function(e){varval=$(self).val();if(val!='0'){if(val.match(/^[0-9]+$/)!=null){$(".alphabetOnly").val("");}$(th

php - 只允许大写和小写字母

我只想接受用户的大小写字母。我尝试了下面的代码,它回显了无效字符消息但不起作用。我的意思是它不检查。它只是显示消息。有帮助吗?更新:这是我必须检查并将名称插入数据库的内容。如果在名称中找到数字,则通过显示错误消息拒绝该名称,否则,如果该名称仅包含字母,则将其插入数据库。这就是我想要实现的目标。Firstnameisrequired';}else{$mysqli=newmysqli("localhost","root","","test");$stmt=$mysqli->prepare("INSERTINTOtest(firstname)VALUES(?)");$stmt->bind_p