不能覆盖模态组件中的样式吗？

文章/答案/技术大牛

发布

2回答

reactjs、material-ui

我正在使用material ui中的模式组件，并且在覆盖组件的自动显示样式时遇到了问题。下面是我的使用风格 const useStyles = makeStyles((theme) => ({ inset: '1px 1px 0 0', aria-describedby='transition-moda

浏览 21提问于2021-01-09得票数 0

1回答

如何在Angular8 .pug文件中重写样式？

css、sass、styles、pug、angular8

我创建了“模态组件”。此模式调用.pug文件中的“另一个组件”。所以从技术上讲，我使用的是来自“另一个组件”的“模态组件”的样式和内容。我该怎么做呢？默认情况下，它从“另一个组件”中获取样式<

浏览 1提问于2020-03-27得票数 0

回答已采纳

1回答

将自定义样式应用于ngb模式

angular、bootstrap-modal、angular-ui-bootstrap

请检查img以供参考，我在角7项目中使用3 ngb模式，当我调用这个函数打开模态对话框时，它会自动创建干扰我的定制设计的div标签，而且windowClass也不在这里工作，如果我在检查中删除这些标签，

浏览 0提问于2019-08-03得票数 0

1回答

我是否可以针对带有样式组件的导入类来更改CSS？

javascript、css、reactjs

我在我的代码中对模式窗口组件使用了react-bootstrap，我想通过使用样式组件(StyledModalWindow)来自定义它，但由于某些原因它无法工作。</Modal.Footer> </StyledModalWindow> 当我在浏览器中检查元素时，这些组件的类名是body content、modal-

浏览 1提问于2021-01-18得票数 1

2回答

如何创建一层过度反应本机导航选项卡？

reactjs、react-native

当我创建这个层时，它的颜色不会覆盖底部的导航选项卡，也找不到任何方法。 

浏览 6提问于2020-12-27得票数 0

回答已采纳

1回答

使用api中的新类覆盖现有css类

css、angular、typescript、sass、scss-mixins

我有一个特殊的场景，需要覆盖我在angular组件的scss文件中定义的现有类。根据场景，我将从api中获得不同的样式。这些样式将具有该组件的类名和更新的样式。我需要更新该组件并覆盖现有的样式。我不能使用ngclass或ngstyle来做这件事，因为我将获得组件</e

浏览 1提问于2020-05-04得票数 0

1回答

当将内容作为组件传递时，无法使用NgbModal获得全屏模式

css、angular、bootstrap-4、bootstrap-modal、ng-bootstrap

我可以很容易地使用一些简单的html来实现这一点，如下所示：即使在上面的例子中，您也可以检查它，并看到组件嵌套在模式-内容div中。其效果(当尝试使用上面第一个链接中的方法转到全屏时)是模态、模态</e

浏览 0提问于2019-01-18得票数 2

1回答

引导反应模态显示不正确

reactjs、twitter-bootstrap、react-bootstrap

我试图在我的React 中呈现一个引导模式，但打开模式按钮位于另一个组件中。import { Button } from 'react-bootstrap' </>

浏览 1提问于2022-07-16得票数 0

2回答

响应最佳实践创建模式窗口

javascript、html、css、user-interface、reactjs

如何使用React创建一个模态窗口？所谓模态窗口，我指的是与页面内容覆盖在一起的框架。我希望它打开使用一个按钮在网页上，能够关闭它通过点击外部地区，它将包含一个表单，用户将填写和提交。React是否有用于此任务的生产准备库，还是应该使用css实现它？同样，在容器/代表组件模式中，我应该将模态组件嵌套在模态打开组件的容器组件内部还是在模态

浏览 6提问于2016-06-18得票数 6

1回答

完全反应物质-用户界面覆盖弹出

javascript、reactjs、material-ui

目前，我在应用程序中使用了Select组件。我构建了一个定制的模态组件，当单击select时，我希望启动而不是list items。是否有一种方法可以覆盖组件所有部分的单击处理程序，例如图标、文本字段和下拉箭头来启动我的模式？我想从本质上理解这个组件的样式，并覆盖onChange和MenuItem。

浏览 2提问于2020-07-10得票数 1

回答已采纳

4回答

material-ui -更改表中行的高度和填充

css、reactjs、material-ui

我使用的是react库material-ui中的Table组件。我已经尝试在所有底层组件上更改样式，但都没有成功。TableRowColumn> ); </TableBody> </Table&

浏览 3提问于2016-08-30得票数 13

1回答

为什么使用ReactDOM.render呈现的组件会丢失react-redux上下文(提供程序)

reactjs、redux、react-redux、provider

例如，我的应用程序由两部分组成，并包装在Provider中<> <ModalWindow /> </Provider> firstConfig: {onRender:

浏览 0提问于2021-04-23得票数 0

2回答

通过单击按钮关闭角CDK覆盖

angular、overlay

我正在为带有角cdk覆盖的模态窗口创建服务，我遵循了本教程：我想以某种方式将这个覆盖的引用传递给覆盖组件，因为我想通过单击按钮来关闭这个组件。有人能帮助我如何传递或摘取参考资料吗？我尝试将FilePreviewOverlayRef导入到文件预览-overlay.Component中，但是它没有帮助。

浏览 4提问于2019-11-21得票数 2

回答已采纳

1回答

NGB模式覆盖CSS

angular、bootstrap-modal、ng-bootstrap

在我的项目中，我在多个组件中使用NGB模式，我想在每个组件中使用不同的样式。我必须访问一些像".modal“这样的元素，这些元素是我无法通过HTML直接访问的，因此我必须使用：：ng-深层。现在，如果我具体地对每个模式进行样式设置，我就不能这样做，因为ng深度(它将样式应用于所有具有.modal类的modal )。如果我包括封装，那么模态将获得背景，从而禁用单击模

浏览 10提问于2022-09-12得票数 0

2回答

吴氏-在角度上选择垫子引起问题

css、angular、angular-material

AppComponentModalComponent在app.component.css中} posit

浏览 1提问于2020-05-05得票数 2

回答已采纳

2回答

在模态视图控制器上呈现一个全屏幕视图控制器。

ios、swift、ipad、storyboard、segue

我有一个iPad应用程序，它在主视图控制器上显示一个模态视图控制器。│ │ │ │我想要能够点击图像放大图像到整个屏幕的大小如果我从Modal View Controller中显示缩放视图控制器，那么它将保持与模态视图相同的大小： ┌─────────────────────────────

浏览 1提问于2016-02-25得票数 0

回答已采纳

1回答

如果路由元数据键设置为true，则Vue呈现组件在特定路由中作为模态呈现。

vue.js、vuejs2、vue-router

我正在使用vue-路由器，并试图创建如下功能：我希望能够在路由器路由中指定一个组件是否应该以模式呈现。如果它是在模态渲染，保持每一个组件下面(在模态掩码下)的原样。我已经创建了一个模态包装组件，它具有基本的模态结构，并且在其模态体中包含slot，所以我想要呈现的组件应该放在slot中。但如何实现这一目标。Vue-Router对这种功能有选择<e

浏览 1提问于2017-07-13得票数 4

回答已采纳

5回答

防止全局CSS在角5中应用组件

css、angular、dom、angular-components、virtual-dom

在.angular-cli.json中，我得到了一些全局样式： "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css", ],不幸

浏览 2提问于2018-07-05得票数 5

回答已采纳

1回答

使用SCSS / CSS进行目标角度绑定

css、angularjs、angular、sass

我刚刚将一个loading-indicator组件移到了Angular，它有一个可选的模式绑定来说明它是否是一个模式加载器。 &[modal="true"] { }上面的SCSS针对的是modal而不是[modal]的属性。

浏览 0提问于2021-02-17得票数 0

4回答

NgbModal -自定义类样式

angular、typescript、bootstrap-modal、ng-bootstrap

我有一个有角度的6应用程序，我正在尝试实现一个模式窗口，从屏幕的右边滑进来，如下图所示： </div> 组件代码： import {NgbModal} from '@ng-bootstrap/ng

浏览 0提问于2018-11-06得票数 9

回答已采纳

点击加载更多