我在 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) 我正在 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)