CSS中类似Android ICS的输入字段
在CSS中，类似Android ICS（冰淇淋般细腻的操作系统）的输入字段可以通过使用伪元素（pseudo-elements）和渐变（gradients）来实现。以下是一个示例代码：
input[type="text"] {
background: linear-gradient(#ffffff, #e0e0e0);
border: 1px solid #bababa;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: #333333;
font-size: 16px;
height: 30px;
padding: 5px;
width: 200px;
}
input[type="text"]:focus {
background: linear-gradient(#f0f0f0, #d0d0d0);
border: 1px solid #999999;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(102, 175, 233, 0.6);
outline: none;
}这段代码将创建一个类似Android ICS的输入字段，其中包括渐变背景、边框、圆角、阴影和焦点状态下的效果。
推荐的腾讯云相关产品：
- 腾讯云对象存储（COS）：一个高性能、低成本、可扩展的云存储服务，适用于存储大量非结构化数据。
- 腾讯云CDN：一个全球内容分发网络，可以加速网站访问速度，提高用户体验。
- 腾讯云数据库：提供多种数据库服务，包括关系型数据库、非关系型数据库和时序数据库。
产品介绍链接地址：
相关·内容
1回答
CSS中类似Android ICS的输入字段
android、html、css
我想创建一个像Android Ice Cream三明治那样的输入域，只在HTML/CSS中使用，而不使用图像。
浏览 0提问于2012-08-05得票数 13
回答已采纳
1回答
Trigger.io -闪屏消失，但webview不加载，直到我点击屏幕
android、kendo-ui、trigger.io
我有一个android trigger.io应用程序，我在它上面使用了一个自定义的闪屏。一旦这个闪屏消失，我有时会看到一个黑色/灰色的渐变背景，而我的webview还没有加载我的应用程序的内容(无论是登录还是配置页面)
当我尝试立即显示Kendo UI Modal窗口时(我在第一次显示“欢迎使用应用程序”消息时使用)，这种情况似乎更常见，而当此窗口未显示时，这种情况发生的频率较低。在Trigger和Kendo之间是否有任何已知的兼容性问题，我
浏览 0提问于2013-01-24得票数 0
1回答
Phonegap Android强制数字键盘输入
android、cordova、input、keyboard、numbers
我正在使用为了防止android ICS的一些行为，我想在我的应用程序的输入字段中强制数字键盘显示在特定的输入上我想保留CSS这条线。谢谢
浏览 2提问于2014-03-28得票数 1
1回答
如何反转滚动/点击方向？
mobiscroll
你能告诉我怎样才能反转卷轴的方向吗？例如，日期为17 10 2012 (dd mm yy)。单击上面的箭头，将执行相反的操作:将其设置为9。谢谢。:)
浏览 0提问于2012-10-17得票数 2
回答已采纳
2回答
我如何实现Android 4.0设计(全息)的类似文本字段？
android、textfield
我确实运行了最新的Android API和ICS仿真器，但我找不到类似以下内容的文本字段：
有没有办法获得这些新的文本字段，而不是旧的文本字段“框”？
浏览 2提问于2012-03-11得票数 1
回答已采纳
2回答
未识别错误:语法错误，未识别表达式:不支持伪：
javascript、jsf
我有一个txtBox，它的id是: beginDateTxt在jquery中，我试图做到这一点。{ theme: 'android-ics
浏览 2提问于2013-04-18得票数 37
回答已采纳
2回答
有没有办法把我的笔记本电脑变成其他设备的无线接入点？
wireless、networking、sharing
是否有一种简单简单的方法来建立一个无线网络，这样我的笔记本电脑(通过有线连接)就可以与我的手机和其他设备共享这个连接？
谢谢您事先给出的答案！
浏览 0提问于2010-08-27得票数 5
回答已采纳
2回答
我如何样式化一个超文本标记语言输入标签，使它在关注Android 2.2+时保持CSS？
html、android、css、input、css-position
我很高兴地发现Android2.2支持position:fixed CSS选择器。我在这里构建了一个简单的概念证明：
..。它的作用就像一个护身符。然而，当我尝试将一个INPUT标签添加到我的头部时，我遇到了麻烦。关于焦点，到目前为止，我尝试过的每个设备都克隆了INPUT标签，给它一个无限的Z索引，并在旧标签的顶部重新绘制它。克隆的位置大致正确，但它的父级CSS (当然，包括position:fi
浏览 1提问于2010-10-12得票数 11
回答已采纳
我正在开发一个Android应用程序，在这个应用程序中，我将以下主题设置为我的活动之一，这样我就有了一个很好的半透明背景。android:theme="@android:style/Theme.Translucent.NoTitleBar“
这对于14之前的版本( ICS )很好，但是在ICS上，虽然活动以半透明的背景显示，活动中的所有元素都开始使用姜饼主
浏览 3提问于2012-10-15得票数 0
回答已采纳
4回答
当打开ICal文件时，ics导入创建新的日历
outlook、icalendar
我正在使用我的Sharepoint Add部件(使用VS2010创建)中的“添加到日历”功能。但问题是当我试图从OUTLOOK打开ICS文件时。如果ICS文件只有一个约会，则没有问题....如果ICS文件有多个约会，问题就来了……但是如果我尝试双击ICS文件，它会创建一个新的日历，而不
浏览 3提问于2012-02-09得票数 10
回答已采纳
1回答
Android ICS Webview textarea输入慢
android、cordova、webview
在一个地方，用户可以在Textarea中添加注释，在以下Android版本中，速度是很好的：JB 4.1Nexus7 4.3在ICS4.0.3上，三星的GS3和8.9“(以及英特尔仿真器w/ 4.0.3 )的输入速度非常慢。我输入了"test”这个词，当我点击完这个单词时，整个单词就会再出现2秒。
当我在<em
浏览 3提问于2013-10-21得票数 3
4回答
安卓谷歌日历“不能发布会”
android、google-chrome、http-headers、google-calendar-api、icalendar
案例1我在Amazon上托管了一个日历事件iCal .ics文件，该文件的HTTP是集成在我的安卓应用程序中的。当用户单击URL时，将显示带有以下选项的意图选择器：
当我选择Chrome时，该文件将被下载，当用户单击下载的文件时>
Google日历是从意图选择器中选择的
浏览 1提问于2016-03-10得票数 6
2回答
如何同步不属于进化论的日历？
evolution、calendar
在Google中，我添加了他们的日历，我可以用我所有的日历来查看它。在“进化”中，它只同步我创建的日历。我将如何同步木星广播日历的演变？
到日历的链接是这里。
浏览 0提问于2015-08-20得票数 2
回答已采纳
5回答
Android 2.3.4 - Html输入类型密码在焦点上有边界
android、webkit
我的htmlcode：input { color: #000000; border: 0px solid #000000; }
我的目标是去除边框它在火狐，谷歌浏览器，Android
浏览 3提问于2012-01-17得票数 4
2回答
PhoneGap应用中使用<input type="number">的Android ICS键盘行为不一致
android、html、jquery-mobile、cordova
在Android4.0.3上，当输入元素获得焦点时，一个包含<input type="number">的简单页面会正确地显示Android数字键盘。在更复杂的页面上，<input type="number">显示的是默认的安卓键盘，而不是数字键盘。只有当我在我的宏碁Iconia A200平板电脑上通过Phonegap将我的应用程序作为本机应用程序运行时，这种情况才会发生。
浏览 1提问于2012-07-06得票数 3
3回答
创建背景与ICS设置/首选项相同的活动
android、background、themes
我正在为ICS的应用程序工作，我希望我的活动有与设置相同的背景，与酷的渐变。这是可能的，还是我应该忘记？
浏览 0提问于2012-02-03得票数 4
回答已采纳
2回答
仅适用于Android4的股票浏览器输入文本的奇怪行为
android、html、css、forms、input
它已经在Android4上的Chrome浏览器，以前版本的股票浏览器，iOS，黑莓OS6 & 7，Playbook，...看看，它在模拟器中运行良好(参见)，但在最新的GalaxyTag (参见)上完全出错。
这就是它在其他浏览器上的工作方式，Android stock one只有在焦点时才会把它放在左边！此外，即使输入的背景是透明的，它也会使输入消失:更糟糕的是，有时它<
浏览 0提问于2012-07-27得票数 9
2回答
修改Settings.apk以使用投影玻璃
java、android、google-glass
我正在尝试构建在谷歌I/O的黑客眼镜会议上使用的Settings.apk： (由于长度的原因添加到粘贴箱中)I/PowerManagerService( 184): Auto-brightnesscat=[android.intent.category.LAUNCHER] flg=0x102
浏览 0提问于2013-05-21得票数 2
回答已采纳
3回答
如何通过环境变量添加记录？
android、ruby-on-rails、ruby、variables、environment
我需要你指导红宝石的环境保护。我有一些代码可以转换设备整数=>设备名的版本。在我的代码中，路径：
@conversion_table_of_model_id_and_device_name= {
'Anroid2,3' => 'Ginge
浏览 3提问于2014-04-14得票数 2
1回答
TextView扩展；UnsupportedOperationException
java、android、android-layout、android-view
除了onCreateDrawableState之外，我没有接触过任何TextView的东西。此外，我只是实现了Checkable方法。(为清楚起见，进行了删节。){ }}
<app.CheckableT
浏览 0提问于2012-10-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
