顺风CSS不应用显示:在sm:flex上应用flex
顺风CSS不应用显示是指在使用CSS样式时，期望的样式未能正确应用到元素上，导致元素的显示效果不符合预期。在这个问题中，涉及到在具有sm类的元素上应用flex布局。
解决这个问题的方法可以有以下几个步骤：
- 确保正确引入CSS文件：首先要确保在HTML文件中正确引入了CSS文件，并且文件路径没有错误。可以通过检查浏览器的开发者工具中的网络选项卡来确认CSS文件是否成功加载。
- 检查类名拼写：确认在HTML元素的class属性中是否正确使用了sm类名。如果类名拼写错误，CSS样式将无法应用到相应的元素上。
- 检查CSS选择器：确认CSS文件中是否存在正确的选择器来匹配具有sm类的元素。在这个问题中，需要检查是否存在以.sm开头的选择器，以确保样式能够正确应用到具有sm类的元素上。
- 检查flex布局属性：确认在CSS样式中是否正确使用了flex布局属性。在这个问题中，需要检查是否在具有sm类的元素上正确应用了flex属性，例如
display: flex;。 - 检查其他CSS样式：如果以上步骤都没有解决问题，可以进一步检查是否存在其他CSS样式与flex布局属性发生冲突。可以通过浏览器的开发者工具中的元素选项卡来查看应用到元素上的所有CSS样式，并逐个排除可能引起冲突的样式。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，满足各类业务需求。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：高可用、可扩展的云数据库服务，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：安全、稳定、低成本的对象存储服务，适用于海量数据存储和访问。了解更多：https://cloud.tencent.com/product/cos
- 人工智能开放平台：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。了解更多：https://cloud.tencent.com/product/ai
- 物联网开发平台：提供全面的物联网解决方案，支持设备接入、数据管理和应用开发。了解更多：https://cloud.tencent.com/product/iot
- 腾讯云区块链服务：提供高性能、高可靠的区块链基础设施和解决方案，助力企业实现业务创新。了解更多：https://cloud.tencent.com/product/tbaas
- 腾讯云游戏多媒体引擎：提供高性能的游戏多媒体处理能力，支持音视频处理、实时通信等功能。了解更多：https://cloud.tencent.com/product/gme
相关·内容
在顺风css中，我们可以说lg:hidden从lg大小的屏幕中隐藏元素。
在下面的示例中，我们没有指定屏幕大小，因此01对任何屏幕都是完全隐藏的。
<div class="flex ...">
<div class="hidden ...">01</div>
<div>02</div>
<div>03</div>
</div>
我只想实现从lg大小显示元素，但隐藏移动大小。但是，顺风css断点是基于min width的，因此如果我们指定sm:hidden，
浏览 30提问于2022-01-10得票数 9
1回答
我是尾风CSS的新成员。我像大家一样，通过启动“移动第一”来构建nextjs应用程序的用户界面。灵活的方向，背景色在移动屏幕上工作。因此，顺风css正在正确地导入nextjs应用程序。当更改屏幕大小时，不要更改为挠性方向或导航栏的背景色。
海军条形码共享如下：
export default function Home() {
return (
<div>
<Head>
<title>Tailwind CSS Tutorial</title>
<meta name="descri
浏览 6提问于2021-06-30得票数 0
回答已采纳
2回答
我在试着设置顺风。当我使用flex的类名时，我希望flex属性会显示在元素样式中。所有其他元素样式都会出现，但与flex相关的元素不会出现。这是一个新的react应用程序。为什么会发生这种情况？我在npx中使用顺风cli设置顺风。
<div className="flex flex-row justify-between mx-auto bg-gray-200 shadow border p-8 m-10">
<h1> Trending </h1>
<h1> My Faves </h1>
</div&
浏览 6提问于2022-05-09得票数 0
1回答
我有一个gatsby网站，它使用顺风作为npm的依赖项。在global.css中，我导入了@tailwind指令。
/* @tailwind preflight; */
@tailwind components;
@tailwind utilities;
/* @tailwind tailwind; */
@tailwind screens;
这个css文件被导入到index.js (react组件)中。但是，我有像这样的<section className="min-w-full mb-10 flex lg:justify-end sm:justify-center"&
浏览 2提问于2020-01-14得票数 0
1回答
有人能告诉我用尾风CSS制作背景图像的正确方法吗？我想创建一个圆圈作为纹理的背景。我很成功，但正如你在图片中看到的，背景有一个边框。
我不太确定我的方式是否正确，请告诉我。谢谢。
<div class="overlay__about">
<section style="backdrop-filter: blur(80px);" class="container-2xl bg-slate-900 bg-opacity-90 bg-clip-padding mx-auto" id="home__about&#
浏览 3提问于2022-03-14得票数 2
1回答
尾翼:动画-旋转没有出现
、、、、
我想包括一个从顺风-css加载旋转器，并根据尾风文件，这应该是可用的className=“动画自旋”。
我正在使用从Vite创建的React18。除了尾翼，我还安装了台石雨。
当我应用“动画自旋”并在浏览器中进行检查时，我可以看到当我选择旋转器时，它已经被添加了。它肯定在那里，在我的按钮元素中旋转，但出于某种原因，它只是不显示/是透明的。
这是我的代码：
<div className="bg-gray-50 px-4 py-3 text-right sm:px-6">
<button
浏览 13提问于2022-11-01得票数 0
回答已采纳
如何使用顺风css使我的文本在svg图像上可见？我试过使用z索引，但没成功！我该怎么办？
我的代码是：
<body class="relative">
<svg class="absolute z-10"> some path </svg>
<div class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8 z-20">
some code here
</div>
</b
浏览 3提问于2022-10-12得票数 1
1回答
我正在使用nextjs &顺风css在我的应用程序，它是打破铬。我不知道为什么会这样。
图像没有被正确加载&一旦加载，它们就会消失。我正在使用nextjs Image标记来呈现图像。下面是我用来渲染图像的方法：
import Image from 'next/image';
const Tech = ({ icon, text }) => (
<div className='flex flex-col justify-between gap-2 bg-[rgba(21,21,21,0.15)] px-2.5 py-4'>
浏览 4提问于2022-08-25得票数 0
回答已采纳
2回答
我正在与顺风css的管理仪表板工作。我想让导航的高度和内容适合屏幕。 我知道这样做的技巧relative flex min-h-screen，但这样做，我得到了滚动条，因为应用程序栏的高度。 如何在没有滚动条的情况下使内容高度达到100%？ 以某种方式减去App Bar高度？ <>
<div className='bg-blue-700 px-8 flex items-center justify-between py-4 shadow-sm text-white'>
App Bar
</div>
<div cla
浏览 15提问于2021-06-22得票数 4
回答已采纳
我有一个vue组件，如下所示：
<template>
<ul class="list-reset flex justify-between flex-1 md:flex-none items-center">
<li class="flex-1 md:flex-none md:mr-3
sm:text-xs md:text-xs lg:text-xs xl:text-sm">
<a class="inline-block py
浏览 0提问于2020-06-06得票数 0
1回答
我试图显示错误信息与反应钩子形式和顺风css有条件。
export const FieldWrapper: FunctionComponent<FieldWrapperProps> = (props: FieldWrapperProps) => {
const { children, label, errorMessage, className } = props;
return (
<div
className={clsx('mt-6 flex flex-col justify-center tracking-wide align
浏览 3提问于2022-04-29得票数 0
回答已采纳
4回答
我是新来的反应本地人。我正在尝试在我创建的餐厅组件上应用阴影效果。不幸的是，我无法让影子生效。所有其他造型作品。我是使用顺风css为这个项目。顺风的配置是可以的。到目前为止，唯一的问题是隐藏。我曾尝试将阴影应用于其他组件，但结果是相同的，没有观察到任何效果。我哪里错了，或者我看不到什么。
<TouchableOpacity className="bg-white mr-3 shadow">
<Image
source={{
uri: imgUrl,
}}
className="h-36 w-36 rounded
浏览 13提问于2022-08-16得票数 0
2回答
我在图中有以下几种风格：
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 16px;
position: absolute;
width: 227px;
height: 40px;
/* Button/Red */
background: #E30513;
/* RedBtn */
box-shadow: 0px 4px 12px rgba(157, 84, 81, 0.44);
border-radius: 10px;
我试着在顺风上重写这些样式，以达到效果：
<button ty
浏览 15提问于2022-03-23得票数 0
回答已采纳
1回答
我试图通过添加{screen}: prefix来设置div元素在特定断点处的边距，但它不起作用。我尝试的内容如下； <div className={'flex justify-center'}>
<div className={'w-full my-8 sm:my-20 md:my-48'}>
<div {...props}>
{children}
</div>
</div>
</div> 检查模式下，我可以确定只有my-8类可以工作。 ? 所有
浏览 30提问于2020-09-16得票数 1
回答已采纳
1回答
为什么页脚在顺风css中浮动
、、、、
我在我的NextJS项目中使用顺风CSS页脚。我正在显示获取的数据。仅当数据较少时，页脚才是浮动的。我在页面中创建了一个页脚文件，并将其导入到我的_app.js文件中。我尝试了绝对和固定位置。但它不起作用。我如何保持我的页脚到底部？
<div className="relative mt-16 bg-gray-900">
<div className="px-4 pt-12 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
<
浏览 12提问于2021-06-07得票数 1
回答已采纳
2回答
我在我的项目中使用了4个下拉菜单，它基本上是根据4个下拉菜单的值生成梯度的，
我使用useState将4个下拉列表的值设置为4个变量，这样我就可以像下面这样应用类
<div id="yesItsMe" ref={ref} className={`w-[500px] h-[300px] rounded-xl ${d1} ${d2} ${d3} ${d4}`}>
，其中d1、d2、d3、d4是状态名，setd1、setd2、setd3、setd4是为它们设置值的。
但问题是，状态在变化，但顺风并没有显示出风格。
这里是代码
import React,{useState
浏览 8提问于2022-04-13得票数 1
1回答
顺风-条件类呈现
、、
我正在尝试使用Reactjs、故事书和顺风来创建一个自定义的UIUX库，但是我不能让类的条件呈现工作，它至少不能在故事书中工作(对于任何类，圆角，bg颜色，颜色等等)，我看不到任何更改和检查CSS，没有应用CSS。
编辑：
我试图添加的类不是连接的，它们是完整的类名，如"bg-red-500“、"bg-green-600”等。
我有这样的代码：
import React from 'react';
import cx from 'classnames';
interface ButtonProps {
label: string;
浏览 4提问于2022-02-19得票数 2
回答已采纳
3回答
我正在用Tailwind和Vue.js构建一个卡片。我想用文本填充卡片上的一个空格，并截断所有不适合省略号的剩余文本。
我已经应用了顺风.truncate类，但是它只允许我在省略之前有一行文本。我也调查了线夹的属性，但我希望有一个更好的方法来做这与尾风。
<template>
<div class="p-6 w-full bg-white rounded-lg overflow-hidden shadow-lg border">
<div class="flex flex-col sm:flex-row"&
浏览 2提问于2019-11-06得票数 3
回答已采纳
因此，我一直在尝试使用顺风CSS卡将帖子显示到页面，在移动视图中，我仍然希望卡片是全宽的，并在旁边显示图片，就像在桌面视图中一样。代码示例如下所示：
<div class="max-w-md bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl m-6">
<div class="md:flex">
<div class="md:flex-shrink-0">
<img class="h-48 w-full object-cover
浏览 0提问于2021-10-13得票数 0
我一直在研究顺风CSS，当我使用它时，感觉就像HTML中的写作风格。这使得这个库对我来说使用起来很笨拙。但当我看着它的时候，我有了一个想法。 而不是像这样使用顺风 <div class="p-4 flex text-lg">Something</div> 我是否可以使用一些CSS预处理器来实现这一点： // in html
<div class="some">Something</div>
// in css (with a preprocessor)
.some {
include: .p-4;
in
浏览 9提问于2020-12-06得票数 2
回答已采纳
我在想，带有CSS模块的Tailwind CSS / post css将很好地结合在一起。编写更少的代码，生成更少的CSS，但是... 当我在@apply中使用顺风时，它只是将样式应用到那个类 示例 .root {
@apply flex align-center;
} 从styles.root到"root flex align-center“，但它只是将css添加到.root类中。 我认为它应该像composes: flex align-center from global;一样工作 是我的配置错误，还是它只是以这种方式工作？
浏览 19提问于2021-03-20得票数 1
1回答
目前，我已经在使用Flex布局的角度实现了这个实现。但是Flex布局已经不复存在了，所以我要转换到裁剪器。
一切都很顺利直到我偶然发现了这个部件..。
<div fxLayout="row" *ngFor=" let moneda of tipoCambio; let i=index" fxShow.xs="{{i < 2}}" fxShow.sm="{{i < 3}}" fxShow.md="{{i < 5}}" fxShow.lg="{{i < 7}}" fxSho
浏览 1提问于2022-10-25得票数 0
回答已采纳
2回答
我想问一些关于使用顺风的伪元素的问题，所以在讨论我的主要问题之前，我想用CSS展示我的代码。
.text-location {
display: flex;
gap: 1.625rem;
}
.text-location::after {
content: url('image/arrow-down-icon.svg'); <= example image
display: inline-block;
width: 100%;
height: 100%;
}
其结果是：
当我在CSS中使用时，它是工作的，没有什么问题，但是当我正在使用t
浏览 4提问于2022-06-21得票数 0
回答已采纳
我是尾风CSS的初学者。我发现很难像顺风Css中所示的那样创建一个按钮设计。
因此，我想显示在右边的小条，当个别的部分喜欢。家庭，趋势，饲料是按下。所以你能帮我一下吗。我想要的答案在顺风css。
以下是代码：
<div className="flex">
<div className="w-72 bg-white text-gray-100 shadow-lg">
<div class="flex h-full flex-col p-7 pl-8 text-sm">
浏览 1提问于2022-03-27得票数 1
回答已采纳
1回答
加法
<div class="md:grid-flow-col">
什么都没发生。这是因为当我浏览文档时，md:grid-flow-col没有包含在顺风css中。
在我的styles.css中，我可以看到用于顺风的所有类。例如：
.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:flex-r
浏览 12提问于2022-10-31得票数 -1
我得把两根柱子并排放。其中一列的宽度是固定的。我真的在努力理解为什么一列中的固定宽度不适用于尾风CSS挠曲盒。
我有以下代码：
<div class="flex flex-row justify-between items-start shrink-0">
<p class="mt-4 h-14 overflow-hidden leading-7">This title pushed back the next element</p>
<div class="p-1 w-16 h-16 text-
浏览 6提问于2022-06-05得票数 3
1回答
我用顺风css制作了3列页，当屏幕大小小于“2xl”时，当屏幕大小小于“2xl”时，我会将第一列移动到第二列的顶部，而第三列则隐藏在xl断点处。
<div className="relative z-0 flex overflow-hidden flex-grow">
{/* Start first column */}
<aside className="relative 2xl:order-first 2xl:flex-col flex-shrink-0 w-96 border-r border-gray-200
浏览 0提问于2021-10-30得票数 1
1回答
我正在使用ASP.NET剃须刀页面构建一个应用程序。我想在我的应用程序中使用顺风css，所以我在_Layout.cshtml文件中使用了顺风cdn，但是我得到了错误尾风Cdn:-
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
rel="stylesheet" />
错误：-
严重性代码描述项目文件行抑制状态错误(active) RZ1005 "^“在代码块开始时无效。只有标识符、关键字、注释、"(“)和"{”有效。E:
浏览 6提问于2022-05-10得票数 0
? <div class="flex">
<div class="flex-1 text-sm bg-red-300">
<span class="align-bottom">I want this to be on the same bottom level as Right content</span>
</div>
<div class="flex-1 text-right text-5xl bg-blue-400">
浏览 22提问于2021-03-20得票数 1
回答已采纳
我想验证使用Reacti-钩子形式的react datepicker，当我尝试它时，它对我不起作用，验证消息也不会显示。是否可以将ref放在DatePicker中？
这是我用的反应钩式的版本。
“反应-钩形”："^6.15.8“
这是我的密码
import React from "react";
import { useForm } from "react-hook-form";
import DatePicker from "react-datepicker";
import "react-datepicker/dist
浏览 5提问于2021-10-26得票数 0
1回答
我正在尝试创建一个带有顺风css的看板。但是当列表中有很多项时，我会遇到一个问题。
列表的高度增加了，我无法滚动。因为我已经将overflow-y-hidden添加到容器中。
列表的最大高度不应该大于容器的高度，如果有更多的项，我希望显示滚动条。
我如何才能做到这一点？
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<div
class="absolute top-0 bottom-0 left-0 r
浏览 2提问于2021-10-10得票数 0
我正在学习Nextjs，并且第一次尝试使用顺风css。我注意到，我对类选择器上的index.css文件所做的每一次修改都需要8-10秒才能在浏览器上编译和显示。
复制步骤：
运行命令
npx创建-下一步-应用-示例-顺风-css测试-app
在pages/index.js中创建一个按钮，并给它类名btn-blue.
使用下面的命令运行服务器
npm运行开发
为btn-蓝色选择器更改样式/index.css文件中的任何属性(Ex:将bg-blue-400更改为bg-red-400左右，任何触发重新编译的内容)。并观察在browser.上反映本地主机上的变化所需的时间。
我在实验后的一些观
浏览 3提问于2020-07-31得票数 6
回答已采纳
我在我的React应用中使用了Elements UI和顺风css。我有一个代表卡片部分的组件，我有多个垂直堆叠的组件。这些卡片元素中的每一个都有一个下拉菜单，但是没有完全呈现，因为它似乎受到周围组件宽度的限制(见下面的屏幕截图)。我尝试在下拉列表和项目上添加一个z索引，但不起作用。有谁知道如何使它覆盖在其他卡组件上？ 这是dropdown组件(第二个清单中的= PaymentDropdown ) <Dropdown
className="flex items-center"
trigger={'click'}
onCommand=
浏览 15提问于2020-03-29得票数 0
基本上，我想阻止div或按钮受我的styles.css的影响，因为我只想使用顺风css作为标记。基本上，如果可能的话，我想要的是下面这样的东西：
<button class="stop-being-influenced-by-styles.css flex border-0...other tailwind css">Button</button>
谢谢，如果您有问题，请留下任何意见。
浏览 3提问于2022-01-10得票数 2
2回答
如何在顺风css中给出一个图像的边距？我想要的标志形象显示我清楚，但它没有正确地看到，所以，如何做，我认为，如果我给边缘顶部的形象，它将是明确的，所以如何在顺风css做那呢？
我的代码
<div className="flex-shrink-0 mr-4">
{/* Logo */}
<img src={logo} class="rounded-full -mt-10 md:-mt-16 ml-3 md:ml-0 h-20 w-20 md:h-25 md:w-25 border-[6px] bo
浏览 4提问于2022-09-25得票数 0
回答已采纳
2回答
我正试图在Django项目中安装和使用顺风CSS，但我似乎无法成功。这就是我现在要做的
我已经创建了我的项目，应用程序，并在设置中添加了这个
STATIC_URL = '/static/'
STATIC_ROOT = BASE_DIR/'static_root'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
浏览 10提问于2022-03-14得票数 0
4回答
我试着把文字写成白色，但它不起作用，为什么？
html.erb
<h1 class="text-3xl text-center pt-5 bg-green-800 text-white">Epicery</h1> <!-- here it works very well the text-white -->
<div class="flex pt-5 pb-5 bg-green-800">
<div class="mx-auto">
浏览 8提问于2021-04-14得票数 15
1回答
我开始一个前端导师免费项目，并开始有一些麻烦，试图给一个菜单模式使用尾风。
我不使用任何框架，只是纯html，css，js香草和顺风cli。
我设置了width: 100%，它是position: absolute，但是当我尝试应用右和左边距时，它只应用了左边距。
下面是代码片段(为了更好地阅读，我已经删除了svg代码)
HTML
<body class="h-screen w-screen">
<header class="w-screen fixed z-10 flex justify-between pt-4 px-5">
浏览 1提问于2022-01-01得票数 2
回答已采纳
我收到了以下警告，我不知道如何让它消失：
Warning: Prop `className` did not match.
Server: "flex items-center justify-start my-2 p-4 text-sm w-full hover:text-white rounded-r-lg \n
font-medium text-white bg-gray-900 rounded-r-lg group flex items-center px-2 py-2"
Client: "flex items-center jus
浏览 17提问于2022-06-16得票数 1
回答已采纳
2回答
我正在寻找一种在css中进行以下操作的方法。我有3个div垂直堆叠。我希望他们是全宽度和定位，所以中间的div (以蓝色显示)总是在屏幕的中心。我希望两个外部div(以红色显示)是相同的宽度，但走出窗口的界限，没有滚动。我可以水平地管理它，但由于某种原因不能垂直地管理它。我正在使用顺风，但很高兴看到简单的css解决方案，如果有人有。
下面的顺风标记几乎可以工作，但没有定位div，所以中间的总是在中间。
<div class="flex justify-center align-middle items-center h-screen">
<div
浏览 7提问于2022-06-16得票数 0
回答已采纳
我找不到一种好的方法来确定顺风CSS的范围，因为我不想让它全局地应用于自定义构建选项的系统中。 从本质上讲，我想这样做： .tailwind{
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
} 但PostCSS importer并不喜欢这一点，因为它在顺风占位符被替换之前就导入了。因此，让它工作的唯一方法是将构建分成两个阶段，然后导入编译后的css，如下所示： .tailwi
浏览 106提问于2020-09-06得票数 9
回答已采纳
1回答
我有一张表，基本上是按我的要求排列的，但表中的一行将有不同长度的文本。
在这下面有一行，我想推到父容器的底部，使变量行高于相同的高度。
有什么指示吗？
<html>
<body>
<div class="container mx-auto">
<div class="flex flex-col sm:flex-row justify-between mx-4 md:mx-0 lg:-mx-2 flex-wrap">
<div clas
浏览 4提问于2022-02-10得票数 0
我一直在处理这个问题。我试着用next.js来学习一篇关于尾风的yt教程。其想法是使用英雄主义者库，用图标制作一个很酷的标题。问题是，我使用的图标要大得多，而且我不知道如何修复它。
这是我的密码。
tsconfing.json
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allow
浏览 6提问于2022-01-17得票数 1
回答已采纳
我正在尝试在我的设备上运行css顺风，它工作。但每次创建顺风CSS文件时，它都会显示给我。 [deprecation] Running tailwindcss without -i, please provide an input file. 我不明白为什么？
浏览 7提问于2021-07-14得票数 1
我在一个非常大的项目中本地化css时遇到了问题。基本上，我有两个产品，我在其中添加了第三个产品。然而，对于我的第三个产品，我使用了顺风。
现在，我只使用顺风css遇到了问题，而忽略了整个应用程序中编写的其余css。如何忽略bootstrap和其他跨应用程序编写的css？
我已经尝试了css重置，我也直接输入顺风输出，但都不起作用。任何建议/帮助都会很棒，谢谢！(附图)
浏览 13提问于2020-06-02得票数 0
我刚开始学习Tailwind和Nextjs，实际上我正在编写一个教程，并且做的每件事都和视频中的一样。我想使用弹跳动画上的图标时，盘旋。有趣的是，它确实在第一次工作，但后来它只是停止工作。
function HeaderItem({Icon, title}) {
return (
<div className="flex flex-col items-center cursor-pointer group w-12 sm:w-20 hover:text-white">
<Icon className="h
浏览 2提问于2021-06-29得票数 4
回答已采纳
1回答
我试图样式文件输入按钮看起来有点像我的应用程序中的所有按钮。我用顺风做造型。
下面是鼠标悬停按钮的例子：
阴影不是隐藏的或被切断的。但是，如果我试图在文件输入上使用相同的样式--它看起来如下：
阴影被切断了。似乎有一个溢出隐藏，但没有。
文件输入代码：
<div className="flex flex-col gap-y-2 overflow-visible">
<label htmlFor="art_cover">Art cover</label>
<input
type="
浏览 11提问于2022-11-20得票数 0
回答已采纳
3回答
我正在使用尾风css与我的反应应用程序。我正在创建一个使用顺风的表单，并希望改变我输入文本框的焦点边框颜色，这是蓝色的。
function App() {
return (
<div className="App">
<main className="h-screen flex items-center justify-center">
<form className="bg-white flex rounded-lg w-1/2">
<div
浏览 4提问于2022-11-25得票数 0
1回答
我使用rails new demo -j esbuild --css tailwind创建了一个Rails 7应用程序。我对组件使用antd包，并希望使用ant设计样式表和顺风样式表。
将外部样式表添加到默认样式的顺风。我使用它并将application.tailwind.css文件设置为：
@import "~antd/dist/antd.css";
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities&
浏览 10提问于2021-12-23得票数 2
回答已采纳
2回答
我正在制作一个简单的反应应用程序与。
Case 1：没有顺风的工作场景：
在这里的例子中，顺风不包括，它是一个简单的反应应用程序，其中字段集和图例显示正确的方式与边界包围。
案例2:不工作场景与顺风：
与第一个场景一样，我希望使用Tailwind实现相同类型的UI。
我尝试过的事情如下，
问题:根据给定的第二个链接(使用尾风css)，不显示字段集周围的边框，而是显示表单字段和图例文本。
简单代码：
<form>
<fieldset>
<legend>Personalia:</legend>
<labe
浏览 6提问于2020-08-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
