资讯专栏INFORMATION COLUMN

Chrome Packaged App的一些坑

GitChat / 2830人阅读

摘要:私有,元素和子元素的文本将不可选,但是,子元素可以通过重设回可选。当内容过长时无法向下滚动解决方法

最近在写Http Craft——一个开源HTTP请求模拟的Chrome App过程中遇到了一个头疼的问题,作为一个CSS挫人,记录一下

无法对应用内的文本进行选择

无法对应用内的文本进行选择(inputtextarea可以选择)

解决方法:需要向css样式中添加如下样式

body {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

其中样式可选值:

auto——默认值,用户可以选中元素中的内容

none——用户不能选择元素中的任何内容

text——用户可以选择元素中的文本

element——文本可选,但仅限元素的边界内(只有IE和FF支持)

all——在编辑器内,如果双击/上下文点击发生在子元素上,改值的最高级祖先元素将被选中。

-moz-none——firefox私有,元素和子元素的文本将不可选,但是,子元素可以通过text重设回可选。

当内容过长时无法向下滚动

解决方法:

html {
    overflow: auto;
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110893.html

相关文章

  • Note: 一个初步 Chrome Packaged App 写法

    摘要:主要看文档里的两个页面代码基本上和官方给的一样我放在仓库里了后面就记一些我关心的点了资源相对路径问题首先是目录结构主要是文件我没有放在根目录然后是注意这里的相对路径是从根目录而不是路径作为基准的和插件的启动方式不同不能通过声明一般扩展是 主要看 Chrome App 文档里的两个页面:Chrome App LifecycleCreate Your First App 代码基本上和官方...

    chanjarster 评论0 收藏0
  • spring boot学习(6)— 配置信息及其读取优先级

    摘要:优先级如下使用文件使用文件,会根据以下目录去寻找,添加到中,优先级依次递增。目录下目录工程根目录工程跟目录下的目录加载顺序从优先级高的先加载。属性值怎么取优先级高的会覆盖优先级低的。但是在同等目录下,优先级高于文件的配置信息。 1. properties 信息从哪里取 在不同的环境,我们需要使用不同的配置,Spring boot 已经提供了相关功能,可以是 properties 文件,...

    stormzhang 评论0 收藏0
  • SAP Fiori应用三种部署方式

    摘要:目前成都所有基于云的产品开发团队无一例外地采用了这种方式。值得一提的是虽然其后台仍然基于但是的应用的部署方式没有采用本文介绍的方式一,而是本章节正在介绍的方式二。 showImg(https://segmentfault.com/img/remote/1460000013266451); 封面图片来自Google搜索,关键字: Fiori Deployment 方式1 On premi...

    henry14 评论0 收藏0
  • SAP Fiori应用三种部署方式

    摘要:目前成都所有基于云的产品开发团队无一例外地采用了这种方式。值得一提的是虽然其后台仍然基于但是的应用的部署方式没有采用本文介绍的方式一,而是本章节正在介绍的方式二。 showImg(https://segmentfault.com/img/remote/1460000013266451); 封面图片来自Google搜索,关键字: Fiori Deployment 方式1 On premi...

    cyrils 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<