小编Tho*_*ead的帖子

focus:outline-none 无法在 Laravel 中使用 Tailwind CSS

我在 Laravel 应用程序中使用 Tailwind CSS,并且想要删除输入框上的焦点边框。根据文档,focus:outline-none应该实现这一点,尽管它对我不起作用并且边框仍然出现在焦点上。

看起来我瞄准了错误的目标,就好像我瞄准了错误的目标一样focus:outline-black,我可以看到黑色轮廓以及焦点上的标准蓝色轮廓。

focus:border-none也不能解决问题。

有任何想法吗?

<input class="text-input" placeholder="Your Name" />

.text-input {
    @apply focus:outline:none;
}
Run Code Online (Sandbox Code Playgroud)

tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');

module.exports = {
    mode: 'jit',
    purge: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },            
        },
        colors: {                      
            black: colors.black,
            white: colors.white,
            gray: colors.trueGray,
            indigo: colors.indigo,
            red: colors.rose,
            yellow: colors.amber,
            blue: colors.blue,
        },
    },

    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
};
Run Code Online (Sandbox Code Playgroud)

webpack.mix.js

const mix …
Run Code Online (Sandbox Code Playgroud)

css laravel tailwind-css

49
推荐指数
7
解决办法
11万
查看次数

Laravel 8 表单更新数据库

我正在 Laravel 8 中创建一个具有 CRUD 功能的简单博客网站。我在使用已弃用的 Laravel 表单之前已经完成了此操作,但现在尝试使用 HTML 表单来完成此操作。
但是,我在网站的更新部分遇到一些问题。我有一个名为 BlogsController 的控制器,可以调用此函数来更新数据库中的博客,当用户提交要更新的表单时应该调用该函数。

BlogsController更新功能

public function update(Request $request, $id)
    {
        $this->validate($request, [
            'title' => 'required',
            'body' => 'required',
            'category' => 'required',
            'description' => 'required',    
            'read_time' => 'required'        
        ]);

        $blog = Blog::find($id);        
        $blog->title = $request->input('title');        
        $blog->body = $request->input('body'); 
        $blog->category = $request->input('category');
        $blog->description = $request->input('description');
        $blog->read_time = $request->input('read_time');     
        $blog->user_id = auth()->user()->id;
        $blog->save();

        return redirect('/dashboard')->with('success', 'Blog Updated');
    }
Run Code Online (Sandbox Code Playgroud)

该表格需要针对什么操作?

更新表格顶部

<form method="POST" action="update">
Run Code Online (Sandbox Code Playgroud)

web.php 中的路由

Route::resource('blog', 'App\Http\Controllers\BlogsController');
Run Code Online (Sandbox Code Playgroud)

以 Laravel 形式实现

{!! Form::open(['action' => …
Run Code Online (Sandbox Code Playgroud)

html php forms laravel

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

laravel ×2

css ×1

forms ×1

html ×1

php ×1

tailwind-css ×1