- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
问。如何获得与其他输入字段相同大小的名称输入字段?如您所见,宽度并不完全相同。我什么都试过了,在这个阶段我一无所知。
在 Firefox 和 Opera 上看起来不错。然而,它在 Chrome 和 Chrome Canary 上看起来并不好。我正在使用最新版本的 Chrome。
当我取出 padding-right: 0px;
时,它看起来不错。但是我没有在我的 css 中的任何地方编写这段代码,我无法更改或删除它。如果我在 input#name{}
上写 padding-right: 0;
什么也不会发生。
参见网站:http://demo.chilipress.com/epic3/
演示:http://jsfiddle.net/isherwood/9gvXK/
HTML:
<div id="content">
<div class="contact">
<form>
<fieldset class="name">
<label for="name" class="name group">Name</label>
<input id="name" name="name" required pattern="[A-Za-z-0-9]+\s[A-Za-z]+" title="firstname lastname" />
</fieldset>
<fieldset class="email">
<label for="email" class="email group">Email</label>
<input type="email" id="email" name="email" required title="Submit a valid
Email">
</fieldset>
<fieldset class="phone">
<label for="phone" class="phone group">Telephone</label>
<input type="tel" id="phone" name="phone" pattern="(\+?\d[- .]*){7,17}" required title="Submit an international, national or local phone number" />
</fieldset>
<fieldset class="message">
<label class="message group">Message</label>
<input type="text" id="message" required/>
</fieldset>
<fieldset class="send">
<input type="submit" value="Send" class="sendButton">
</fieldset>
</form>
</div>
</div>
CSS:
fieldset {
border: 0;
margin: 0;
padding: 0;
width: 100%;
}
label {
color: #d8d9de;
font-family:'apple_chancerychancery';
font-size: 1.6vw;
float: left;
}
input {
padding: 5px;
text-align: left;
border-radius: 10px;
background: none repeat scroll 0 0 rgba(255, 240, 260, 0.5);
}
#name, #email, #phone, #message {
color: #253c93;
text-decoration: none;
border: 1px dotted #29FF00;
font-family:'Calibri', Arial, sans-serif;
font-size: 1em;
width: 75%;
float: right;
margin: 0;
}
textarea {
vertical-align: top;
}
div#inner-editor {
padding: 30px;
}
#message {
padding-top: 10%;
}
.sendButton {
background: rgba(0, 0, 0, 0);
color: #d8d9de;
font-size: 1.6vw;
font-family:'apple_chancerychancery';
padding: 1.5% 5%;
width: 22%;
min-width: 61px;
text-align: center;
border: none;
margin: 0 40%;
cursor: pointer;
box-shadow: inset 2px 2px 9px rgba(199, 255, 100, 0.73), inset -2px -2px 9px rgba(199, 255, 100, 0.73);
}
正如您所注意到的,名称输入字段与其他输入字段不同
输入字段。
最佳答案
尝试在私有(private)导航中运行您的网站(⌘+Shift+N)
您的扩展有时可能会修改您的页面...我有一次在我的 javascript 控制台上出现了一个错误。
如果可行,请尝试一个一个地删除您的扩展,看看哪个与 css 交互...
关于html - 输入字段的宽度不同。如何解决这个 CSS 挑战?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22815938/
我想得到 id a b c -------------------- 1 1 100 90 6 2 50 100 ...来自: id a
让我们看看,我有这段将 NFA 自动转换为 DFA 的代码;这是我编写的;我发现了一个“bug”; printf()指令 这意味着像这样“printf("",X); ”以防止出现错误 没有要在屏幕上打
我有一些文本图像,但它们是弯曲的,呈圆形或波浪形。我需要把它们弄直。我尝试使用OCR提取文本,但是它们效率低下,需要直接的图像。 我附上测试图片: 我需要覆盖这两个最小区域。 请建议一些路径或使用
data1=data.frame("StudentID"=c(1,1,1,2,2,2,2,3,3,3,3), "Class"=c(1,1,1,1,1,1,1,2,2,2,2),
我的问题已在 java draw line as the mouse is moved 中提到过然而,我对这本书的了解还不够深入,无法涵盖 JPanels、JFrames 和 Points,正如提出这
这是我上一个问题 here. 的后续问题那里发布的答案实际上不起作用。所以这就是挑战。您将获得以下代码(假设包含 jQuery): $("input").val(**YOUR PHP /
以下是C语言中链表的语法,部分内容 struct tag-name { type member1; type member2; ....... ....... struc
我面临以下挑战性问题: There are a circle of 100 baskets in a room; the baskets are numbered in sequence from 1
我有一个这样的结构: public struct MyStruct { public string Name; public bool Process; } 我有一个这样的
假设我有: var directions = [ "name", "start_address", "end_address", "order_date" ]; 我正在尝试找到一种巧妙、快速的方法来将
我正在用 Javascript 重做 Project Euler 挑战。任务是获取最大的回文数( https://projecteuler.net/problem=4 )。现在我得到以下代码: var
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
第一问:有没有可能有一个不可见的矩形? 问题 2:是否可以在方法上调用方法?见下文。 var canvas = document.getElementById("canvas"); var ctx =
问题: 给定一串数字,计算是任何回文的字谜的子词(一致的子序列)的数量。 例子: 对于输入字符串“02002”,结果应该是 11,即: “0”、“2”、“0”、“0”、“2”、“00”、“020”、“
用户A-用户B-用户C-用户D-用户F 用'-'连接的用户互相认识。 我需要一个算法来完成这两项任务: 计算从UserX到UserY的路径 对于 UserX,计算距离不超过 3 步的所有用户。 有没有
根据我的教授介绍。对于数据库理论,没有任何例子可以说明这种情况何时会出现,考虑到它是理论的特定部分,这似乎有点奇怪。 我正在寻找的只是一个示例关系,它是第 4 范式并且可以执行第 5 范式分解。或者(
给定任务sameEnds来自 CodingBat: 给定一个字符串,返回出现在字符串开头和结尾且不重叠的最长子字符串。例如,sameEnds("abXab") 是 "ab"。 sameEnds("ab
在我的 welcome#index 页面上,有一个按钮可以远程(或者我应该说异步)为 Article 编写新的 Comment ),使用 AJAX。 它工作得很好,只是当使用rails迭代一篇文章时,
希望每个人都有美好的一天。 这是我在 Stackoverflow 上发表的第一篇文章! 我刚刚完成了 Codeacademy 上的 javascript 类(class),并且也阅读了几本相关书籍。现
挑战是删除数字末尾的零。两个数字内的零是可以的。例如: 14000 == 14 //all end zeros removed 10300 == 103 // all end zeros remove
我是一名优秀的程序员,十分优秀!