styling 相关问题

我已经设计了输入[type=date]的样式入住我已经设计了输入[类型=日期] <div class="field"> <label class="label"> Check in</label> <input type="date" class="input" > </div><br> <div class="field"> <label class="label"> Check out</label> <input type="date" class="input" > </div><br> .input{ float: right; height: 1.8vw; width: 10vw; border: 1px solid #FCA311; border-radius: 5px; background-color: black; color: white; text-align: center; } 因此，日历图标不可见，我应该如何设计图标的样式。我希望图标是黄色以匹配主题我尝试使用 :before 伪元素，但它没有做任何事情我希望代码支持每个浏览器 input[type=date]:before { content: '\1F4C5'; font-family: Arial, sans-serif; font-size: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } 您可以在 ::-webkit-calendar-picker-indicator 元素上使用 input 来完成此操作。适用于 Chrome、Safari 和大多数基于 Webkit 的浏览器 input[type="date"]::-webkit-calendar-picker-indicator { background-color: yellow; }

html css forms styling pseudo-element

回答 1 投票 0

Wordpress 不遵循引导样式 - 默认为 Wordpress 样式

我正在开发 WordPress 块主题并创建自定义块模式。我已经加载了 bootstrap，并且 bootstrap 正在根据我放入网站的一些自定义 HTML 进行格式化；然而，...

wordpress twitter-bootstrap bootstrap-5 styling wordpress-gutenberg

回答 1 投票 0

“overflowX: auto”切断 y 轴

我在可横向滚动的容器内有一个元素。我需要该元素绝对位于容器上方，但它会被 OverflowX: "auto" 切断。这是带有

javascript css user-interface position styling

回答 0 投票 0

使用 scss 重新绘制样式

我需要删除图表水平网格最后一行，这是scss： .hideLastLine { .recharts-wrapper { .recharts-surface { .recharts-笛卡尔网格 { .recharts-笛卡尔网格-

sass styling recharts

回答 0 投票 0

fillOpacity 和 opacity 似乎不起作用

注意：我很清楚图像屏蔽如何解决我的问题，但我不想选择它，因为在这种情况下我将不得不使用我的图像作为背景，这将导致可访问性问题...

html css image svg styling

回答 1 投票 0

使用 MUI sx prop 被认为是一种不好的做法吗？

当我想向某个 MUI 组件添加单一样式时，我通常使用 sx prop。但我想知道我是否应该完全避免使用它们。就像在这个例子中：当我想为某些 MUI 组件添加单一样式时，我通常使用 sx prop。但我想知道我是否应该完全避免使用它们。就像这个例子： <Slider defaultValue={30} sx={{ width: 300, }} /> <FormControl sx={{ width: '25ch' }}> <HomeIcon sx={{ color: pink[500] }} /> 根据文档，sx的习惯用法是 [t]o 更改组件的one实例的样式。所以我假设它是可以接受的，除非你有多个组件将使用相同的样式，然后应该使用像styled这样的其他选项。

javascript css material-ui styling react-mui

回答 1 投票 0

在 Next.UI 和 react.js 中使用字体

我想使用一些字体，但我很难找到有关如何导入等的信息/文档。我正在使用样式化的组件库：Next.UI。在我的 index.js 中，我正在创建一个主题......

reactjs user-interface fonts styling nextui

回答 0 投票 0

Svelte 中的滑动动作超出范围

我正在制作一个水平通过 .cards div 部分的应用程序。我正在制作一个水平通过 .cards div 部分的应用程序。 <div class="cards" on:touchstart={handleTouchStart} on:touchmove={handleTouchMove} on:touchend={handleTouchEnd}> <About/> <Services/> <Contact/> </div> 手柄触摸功能可以很好地通过滑动移动 div，但如果它到达 div 的末尾，我似乎无法禁用滑动。这是我到目前为止得到的 const handleTouchStart = (event) => { startX = event.touches[0].clientX; }; const handleTouchMove = (event) => { const currentX = event.touches[0].clientX; dist = startX - currentX; console.log(distance) if (distance===0 && dist < 0){ dist=0 } if (distance<-200){ dist=0 } }; const handleTouchEnd = () => { if (dist > 0) { // Swipe left goRight(); } else if (dist < 0) { // Swipe right goLeft(); } }; handleTouchMove 中的第一个 if 语句按预期工作，但第二个不是。我试过 else 如果我试过 <= instead of <, and I tried changing the value in the condition (the div is 300vw wide). None of them has any effect. 我明白了，修复其实超级简单！首先，我将 2 条语句合二为一，然后修复它的实际上是寻找大于 0 的 dist 而不是小于 0 的 dist，这意味着向另一个方向滑动。这是有效的 if 语句。 if ((distance === 0 && dist < 0) || (distance <= -200 && dist > 0)){ dist=0 }

javascript svelte styling

回答 1 投票 0

如何将样式应用于自定义单元格中同一单元格的单独文本行

我正在为 devextreme 中的数据网格使用 pdf 导出功能。下面的代码属于 customizeCell 函数。目的是利用rowType数据的条件对一串

javascript string styling devextreme

回答 0 投票 0

set_table_styles 不在 VSCode 中显示

Python 3.9.5 熊猫 1.2.4 我正在尝试学习如何对我的大熊猫使用样式并专门应用边框。但是，在使用 set_table_s 时，我似乎无法让我的显示器正确反映...

python pandas visual-studio-code styling

回答 2 投票 0

样式<object>来自容器页面的内容

我有一个主页，它将通过这样的方式加载相关的 html： object span {background-color: coral !important;} ...