关键词：
【中文标题】离子 4 如何更改：css 中的阴影 dom？【英文标题】：ionic 4 how to change :shadow dom in css? 【发布时间】：2019-09-28 07:08:01 【问题描述】：离子选择的css问题，在阴影根中有一个按钮。我需要默认值 --padding-top:10px,--padding-end:8px,--padding-bottom:10px,--padding-start:16px ，但它是第一个元素并假定应用的值如下所示。
下图包含离子选择的颜色框，无法控制此框的大小。离子选择的代码如下。有人可以帮我吗？
<ion-col size="2" style="padding:0">
<div class="colorselect color_color.slice(1,7)">
<ion-select >
<ion-select-option (ionSelect)="selectColor(optioncolor)" *ngFor="let optioncolor of colors" [value]="optioncolor" >optioncolor
</ion-select-option>
</ion-select>
</div>
</ion-col>
【问题讨论】：
【参考方案1】：试试这个包的 shadow-dom 元素。工作得很好。 在 NPM 上搜索 Shadow-DOM-inject-styles。它可以让你设置阴影元素的样式
【讨论】：
【参考方案2】：试试这个。它对我有用
ion-select
--padding-top:12px !important;
--padding-end:12px !important;
--padding-bottom:12px !important;
--padding-start:20px !important;
【讨论】：
单击时如何仅更改离子列表中的一种离子项颜色？
】单击时如何仅更改离子列表中的一种离子项颜色？【英文标题】：Howtochangeonlyoneion-itemcolorinion-listwhenclicked?【发布时间】：2021-02-1711:40:39【问题描述】：我尝试了多种方法，但我似乎无法弄清楚这一点。我有一个ion-list，其中... 查看详情
如何在离子 4 中的选择标签上插入图像？
】如何在离子4中的选择标签上插入图像？【英文标题】：HowcanIinsertImageonselecttaginionic4?【发布时间】：2020-01-2909:18:21【问题描述】：这是我的代码：home.page.html<ion-item><ion-select(click)="loadFlags()"value="select-country"style="max-width:1... 查看详情
如何使css动画与离子中的手指滑动同步？
】如何使css动画与离子中的手指滑动同步？【英文标题】：Howtomakeacssanimationsynchronizedwiththefingerswipeinionic?【发布时间】：2017-06-2818:58:53【问题描述】：我正在尝试以tutorial为灵感在ionic中制作3D动画。动画在向左拖动时效果很好，... 查看详情
ionic 4 在离子项目中聚焦时更改离子标签颜色
】ionic4在离子项目中聚焦时更改离子标签颜色【英文标题】：ionic4changeionlabelcolorwhenfocusedwithinionitem【发布时间】：2020-06-0902:04:50【问题描述】：我想在焦点集中时用ion-input更改ion-item内的ion-label颜色。我可以使用--highlight-color-foc... 查看详情
如何从 ionic 4 中的离子项目中删除白色背景？
】如何从ionic4中的离子项目中删除白色背景？【英文标题】：HowdoIremovewhitebackgroundfromion-itemsinionic4?【发布时间】：2019-08-0715:11:26【问题描述】：我在为我的ionic4移动应用布局设置样式时遇到了很多问题。我花了一段时间才知道... 查看详情
如何在离子中刷新视图
】如何在离子中刷新视图【英文标题】：Howtorefreshaviewinionic【发布时间】：2015-11-0406:51:05【问题描述】：我想在点击按钮时刷新页面（刷新页面中的数据，释放缓存）主页我的主页中有一个列表。有一个功能可以更改列表中的项... 查看详情
如何更改离子 2 中离子头的背景颜色？ [复制]
】如何更改离子2中离子头的背景颜色？[复制]【英文标题】：Howtochangethebackgroundcolorofion-headerinionic2?[duplicate]【发布时间】：2017-07-2706:05:22【问题描述】：如何更改标题颜色？我在下面尝试了但没有成功<ion-header><ion-navbardan... 查看详情
使用 react-router-dom 时如何从 css 文件访问公共文件夹中的图像？
】使用react-router-dom时如何从css文件访问公共文件夹中的图像？【英文标题】：Howdoyouaccessimagesinthepublicfolderfromacssfilewhileusingreact-router-dom?【发布时间】：2020-10-2314:13:37【问题描述】：我一直在开发一个登录程序来练习我的Python、M... 查看详情
如何在地图函数中使用 JSX 中的变量更改内联 CSS 样式？
】如何在地图函数中使用JSX中的变量更改内联CSS样式？【英文标题】：HowdoIchangeinlineCSSstylesusingavariableinJSXinsideamapfunction?【发布时间】：2018-11-2210:01:29【问题描述】：好的，所以我有一个映射函数，它通过一个数组运行，并在DOM... 查看详情
CSS3 @keyframes 动画在 Firefox 阴影 DOM 中不起作用
】CSS3@keyframes动画在Firefox阴影DOM中不起作用【英文标题】：CSS3@keyframesanimationnotworkinginFirefoxshadowDOM【发布时间】：2019-12-1807:42:20【问题描述】：我正在尝试在阴影DOM中构建一个带有CSS3关键帧动画的微光加载器。微光在Chrome和Safar... 查看详情
当我更改其在 DOM 中的位置时，如何停止 iframe 重新加载？
】当我更改其在DOM中的位置时，如何停止iframe重新加载？【英文标题】：HowcanIstopaniframereloadingwhenIchangeitspositionintheDOM?【发布时间】：2011-01-1501:00:03【问题描述】：当我改变它在DOM中的位置时，有什么方法可以阻止iframe重新加载... 查看详情
如何根据屏幕尺寸从离子菜单中动态更改一侧？
】如何根据屏幕尺寸从离子菜单中动态更改一侧？【英文标题】：HowtochangesidedynamicallyfromIonMenudependingofscreensize?【发布时间】：2020-06-0804:28:09【问题描述】：我正在使用Ionic4，我想从ion-menu动态更改side属性，我注意到当你在大屏... 查看详情
更改焦点上的离子输入边框颜色
】更改焦点上的离子输入边框颜色【英文标题】：Changingion-inputbordercoloronfocus【发布时间】：2021-10-0513:50:18【问题描述】：我使用了一些CSS来设置ion-input字段的样式，但我希望字段的边框在焦点上发生变化CSS.input-fieldbackground:rgba(... 查看详情
离子4中的Cors问题
】离子4中的Cors问题【英文标题】：Corsissueinionic4【发布时间】：2019-03-0415:38:25【问题描述】：我有一个使用request-promise连接soap服务的离子项目，但是请求什么时候出现这个错误：Access-Control-不允许请求头字段缓存控制-预检响应... 查看详情
如何正确更改反应中的复选框？ [关闭]
】如何正确更改反应中的复选框？[关闭]【英文标题】：Howtochangecheckboxinreactcorrectly?[closed]【发布时间】：2019-11-2403:49:07【问题描述】：更改复选框值的正确方法是什么？选项1importReact,useStatefrom"react";importReactDOMfrom"react-dom";import".... 查看详情
Angular2 指令：如何检测 DOM 更改
】Angular2指令：如何检测DOM更改【英文标题】：Angular2Directive:HowtodetectDOMchanges【发布时间】：2016-07-0722:10:12【问题描述】：我想将Skrollr实现为Angular2属性指令。所以，格式可能是：<bodymy-skrollr></body>但是，为了实现这一... 查看详情
如何在 shadow dom 中使用全局 CSS 样式
】如何在shadowdom中使用全局CSS样式【英文标题】：Howtouseglobalcssstylesinshadowdom【发布时间】：2016-06-1204:24:41【问题描述】：Shadowdom封装css样式，选择器不跨越阴影边界。问题：如何在shadowdom中使用全局通用css样式？（假设有一些... 查看详情
Websocket 离子 3 角 4
】Websocket离子3角4【英文标题】：WebsocketIonic3Angular4【发布时间】：2018-08-0317:20:03【问题描述】：如何让Ionic3和Angular4中的Websocket正常工作？我尝试了socket.io-client类，但如果我像这样连接websocketthis.socket=io(this.urls.websocket,transports:[... 查看详情